ho un elenco puntato che fa da menu verticale. può capitare che le righe siano più lunghe e vadano alla riga successiva.
in firefox nessun problema mentre in explorer la distanza tra un punto elenco ed il successivo è eccessiva.
per ridurla avevo pensato di mettere:
height: 1em;
line-height: 1em;
che funziona in explorer ma in firefox mi sovrappone le linee dei punti elenco che "vanno alla riga successiva".
come ovviare?
scusate se il codice è un po' "sporco":
codice:
#menusez, #menumain {
background-color: #00C;
color: #99CCFF;
font-size: 0.8em;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
text-transform: uppercase;
top: 0px;
width: 100%;
}
#menusez ul, #menumain ul {
list-style: none; /* elimino i punti elenco */
margin: 0px;
padding: 0px; /* elimino i rientri delle liste */
}
#menusez ul li a, #menusez ul li a:visited, #menumain ul li a, #menumain ul li a:visited {
background-color: transparent;
border: 0px;
border-bottom: 1px solid #4A8CCD;
color: #BCD2FF;
display: block;
margin: 0px;
padding: 2px 2px 2px 10px;
padding-left: 8px;
padding-right: 12px;
text-decoration: none;
width: auto;
}
#menusez ul li a:hover, #menumain ul li a:hover {
background: url('/cdcds/img/frecciadx.gif') #66CCFF no-repeat center right;
border: 0px;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
display: block; /* il link occupa tutto lo spazio orizzontale */
margin: 0px;
padding: 2px 12px 2px 10px;
padding-left: 8px;
text-decoration: none; /* elimino la sottolineatura */
text-decoration: none;
width: auto;
}