menu orizzontale: applicare una larghezza fissa

[blur]

ciao,

ho questo menu orizzontale:

ul.menu { 
        
            font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman; 
            font-size:1em; 
            color:#004892; 
            list-style:none; 
            margin:0; padding:0; 
                       
        }

    ul.menu li a { 
	         
           display:inline; 
           border-right:solid 1px #ccc;
           padding: 5px ;
           text-decoration:none; 
           height:2em;line-height:2em; 
           
       }
    ul.menu li { display:inline;} 


    ul.menu li a:link, ul.menu li a:visited { 

           display:inline;
           color:#004892;

    } 
    
   ul.menu li a:hover, ul.menu li a:active { 

          background: #fff;
          color:#004892;
          padding: 5px 

   }

vorrei applicare un larghezza fissa per ogni voce di menu.
quindi ho provato a dare una larghezza in px a {ul.menu li } e anche a {ul.menu li a} ma non me l'accetta...per quale motivo?

grazie.

[indigoindigo]

se usi display:inline ti considera "li" un elemento inline, appunto, e non puoi impostare la larghezza (è il difetto di usare inline)..se devi fare una lista orizzontale prova a usare la proprietà float al posto di display..l'effetto (con qualche accorgimento) è lo stesso, ma gli elementi "li" rimangono block e puoi assegnare loro le dimensioni..

ciao