width no select jquery

[Hugo Borges_120734 6]

Bom galera, tenho um selectmenu do jQuery. Quando coloco o mouse em sia da opção ela fica em negrito (bold), o problema e que o select tem o tamanha exato do texto, dai quando fica em negreiro gera um quebra de linha. Tem alguma forma de eu colocar width % com base no texto ao em vez do tamanho da tela?

 

Ou alguma outra forma de remover esta quebra de linha?

 

Segue foto:

 

 

Ao selecionar gera quebra de linha

 

 

Bom o css do jquery e este:

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;

 

[rikaschmitt 54]

Ou você tira o negrito do "hover", ou aumenta o tamanho do select.

[Hugo Borges_120734 6]

Então acho que seu tirar o negrito vai resolver o problema. pois a quebra de linha acontece pq a letra fica em negrito.

[André do Vale 76]

Ou:

white-space: nowrap;

[Hugo Borges_120734 6]

OK vlw ficou assim:

white-space: nowrap;