Attributo width su Firefox

[codesurfer]

Ciao a tutti,
il mio problema riguarda un dropdown menu che formatto tramite css.
tutti quanti i settings funziano alla stessa maniera su firefox quanto su ie tranne i paramtri di dimensionamento dei list item. In pratica Firefox non considera il dimenionamento che do all'oggetto e lo adatta al contenuto.
Il codice è questo:

####CSS####
.ddmenu ul
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: auto;
}

.ddmenu li
{
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 1px #d1d1d1 solid;
width: 150px;
height: 21px;
background-image: url('img/button.jpg');
font: bold 12px Verdana;
color: #2f6681;
vertical-align: middle;
text-align: center;
line-height: 21px;
}

####HTML####
<ul>
[*]
<?php echo $_POST[$chkNagiosCfg]?>[*]
<?php echo $_POST[$srvCfgVariable]?>[*]
<?php echo get_ini('SMTP').' Settings'?>[*][/list]

I link rel richiamano poi i sotto menu di ogni voce.
Su ie le celle contenenti le varie voci vengono create mantenendo i settaggi che gli passa il css
mentre Ff adatta la width e la line-height al contenuto.
Ho provato a mettere nowrap in entrambi e a mettere una width specifica in .ddmenu ul ma nn cambia niente.
Avete qualche suggerimento?

Grazie ^^

[ilario83]

come li vorresti i link? non ho capito...
Cmq, non puoi dare width e height ad un elemento inline, se li vuoi uno affianco all'altro
ul li{float: left; width: npx; height: npx;}
se li vuoi uno sotto l'altro
ul li{width: npx; height: npx;}

e poi giacchè marigin e padding li puoi scrivere cosi:
ul li{margin: 0; padding: 0;}

...

[codesurfer]

Grazie mille adesso li visualizza in modo giusto

Margin e padding li tengo separati perchè poi configuro da i diversi valori dinamicamente.

[ilario83]

avevo dimenticato di dirti che se li vuoi allineare al centro rispetto alla propria area-contenitore, non devi usare vertical-align, ma:

li{height: 25px; line-height: 25px;}(per esempio)

ciao