Sfondo Hover link

[Alex90]

Ciao ragazzi, ho costruito un elenco puntato

<ul class="men-top_ul">[*]<a href...></a>[*][/list]

ora vorrei dare un'altezza e una larghezza ad ogni blocco allora ho fatto così

.men-top_ul{
line-height: normal;
padding:0;
margin:0;
}

.men-top_ul li{
display: inline;
padding-left:3px;
padding-right:20px;
width:166px;
height:33px;
}

poi volevo mettere un hover sul link ed ho aggiunto

.men-top_ul li a{
color:#FFF;
font-size:14px;
font-weight:bolder;
text-decoration:none;

}

.men-top_ul li a:hover{
text-decoration:underline;
background-color:#db3e09;

}

unica cosa non mi vengono mostrate le due grandezze, cioè l'elenco rimane immobile (non si ingrandisce dei 166px desiderati)
come faccio?

[Prill]

Potresti assegnare alle voci elenco un display:block e un float:left (eventualmente un display:block anche ai link se vuoi che si estendano per l'intera larghezza)

[explosivdymamic]

Non vengono impostate le dimensioni perchè le liste sono elementi inline e su questi elementi le larghezze non funzionano... se non per qualche bug di IE asd.

Trasforma i[*] in elementi block così:
display: block

[Alex90]

Perfetto Funziona tutto grazie mille