dimensione <select> con css

[M@nu]

Ciao a tutti.
Ho un menu a tendina a cui ho dato uno stile:


<select class="ddl1">
<option value="16">SISTEMI DI TRASMISSIONE E RICEZIONE SU FIBRA OTTIC</option>
<option value="17">ACCESSORI PER TRASMISSIONE DATI</option>
<option value="18">SISTEMI DI OSSERVAZIONE E RETROVISIONE</option>
<option value="19">ARMADI BLINDATI RACK PER SISTEMI TVCC</option>
</select>

select.ddl1{
width: 155px;
height: 17px;
font-size: smaller;
font-size: 11px
}

[M@nu]

mmm... non avevo finito...

comunque, la prima option è il classico <seziona> mentre le altre option sono testi abbastanza lunghi.

con firefox non ci sono problemi, la tendina me la fa 155px e l'elenco delle option lo adatta alla larghezza del testo ma con explorer ho il problema che fa tutta la tendina larga 155px e che tronca il testo della option!!

dove sbaglio?

ciao, grazie

[M@nu]

up

[Mich_]

La diagnosi e` chiara, la soluzione si deve ricercare tra gli hack per IE.

In effetti il "width" in IE corrisponde al "min-width" di altri browser (mentre non c'e` nulla che corrisponde al width).

In qualcuno dei "link utili" ci sono raccolte di lauout, e li` ci sono anche gli hack pronti, che puoi copiare.

Oppure puoi passare a XHTML Strict, linguaggio che porta anche IE ad interpretare correttamente i CSS (almeno questo mi risulta).