Ho costruito un menu di navigazione tipo lista.
Questo il codice:
codice:
.navbar{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 25em;
    left: 3em;
    width: 12em;
}
.navbar a{
    display:block;
    text-decoration:none;
    border-right: 1em solid #1A2894;
    margin: 0.5em 0;
    padding:3px 10px;
    background:white;
    font-weight: bold;
    color:#1A2894;
}

.navbar a:link,
.navbar a:visited{
    background:white;
    color:#1A2894;
}

.navbar a:focus,
.navbar a:active{
background:gray;
font-weight: bold;
color:black;
border-color:#000;
}

.navbar a:hover{
    background:#1A2894;
    font-weight: bold;
    color:#FFFFFF;
    border-color:#000000;
}

.navbar .curr a:link,
.navbar .curr a:visited,
.navbar .curr a:hover,
.navbar .curr a:focus,
.navbar .curr a:active{
    background:#DCDCDC;
    font-weight: bold;
    color:#000000;
}
Ora, nelle versioni di IE 6 e precedenti (nella 7 la visualizzazione
è corretta) le varie voci del menu (i "rettangoli) sono eccessivamente
spaziati. Avevo letto da qualche parte di un trucchetto per eliminare
il problema, ma non riesco a risalire alla fonte. Qualcuno può
rinfrescarmi la memoria?

Grazie
M.