Ciao a tutti, vi scrivo perchè ho un problema nell'allineamento di una voce di menu realizzato con la gestione delle liste in css.
ho letto nei firum che per chrome bisogna fare un'altro calcolo perchè tratta diversamente lo spacing e il padding....qualcuno mi sa dire che calcolo dovrei fare?
intanto posto il codice css:
codice:
 ul#menu {
     width: 700px;
     font-family: Tahoma;
     font-size: 11px;
     margin: 1px;
     padding: 0;
     list-style: none;
 }

 ul#menu li {
     background-color:red;
     border-bottom: 5px solid black;
     display: block;
     width: 139px;
     height: 30px;
     margin: 0;
     float: left; /* elementi su singola riga */
     display: block;
 }

 ul#menu li a {
     color: #fff;
     display: block;
     font-weight: bold;
     line-height: 30px;
     text-decoration: none;
     width: 150px;
     height: 30px;
     text-align: center;
 }

 ul#menu li.active, ul#menu li:hover{
     background-color: black;
     border-bottom: 5px solid white; }
codice html:
codice:
div align="center">
            <ul id="menu">[*]Home.[*]Edizioni[*]Contatti[*]Dove[*]Dicono di noi[/list]
           </div>
Grazie
Stefania