Boas!
Tenho aqui um enigma com um menu em css, mais propriamente com âncoras.
Este menu tem 960px e está construído em lista não ordenada.
O que se passa é que o link não assume a largura e a altura do <li>.
Não posso dar dimensões aos <li>'s ou <a>'s porque o menu vai ser traduzido para 6 idiomas mediante o que o utilizador escolher.
Aqui fica o meu html e css e um screenshot (a border é a dimensão que o link tem, não existe no css)
HTML
<div id="topmenu">
<ul>
<li><a href="#">O Hotel</a></li>
<li><a href="#">Quartos & Suites</a></li>
<li><a href="#">Bares & Restaurantes</a></li>
<li><a href="#">Praia</a></li>
<li><a href="#">Golfe</a></li>
<li><a href="#">SPA</a></li>
<li><a href="#">Lazer e Actividades</a></li>
<li class="last"><a href="#">Eventos</a></li>
</ul>
</div>
CSS
/* Top Menu */
#wrapper #topmenu{width:960px; height:33px; border-top:2px solid #685232; margin:0 auto; }
#wrapper #topmenu ul{width:960px; height:33px; float:left; background:url(../images/jpg/bkg_menu.jpg) top center no-repeat; margin:0 auto; text-align:center; display:block}
#wrapper #topmenu ul li{padding:0px 22px; line-height:12px; height:33px; float:left; list-style-type:none; margin-right:1px; display:block}
#wrapper #topmenu ul li.last{padding:0px 24px 0px 24px; margin-right:0}
#wrapper #topmenu ul li a{text-decoration:none; display:block; margin:10px auto 0 auto; font-size:12px; color:#665232; font-family:"Times New Roman", Times, serif; text-transform:uppercase}
#wrapper #topmenu ul li a:hover{color:#fff !important}
#wrapper #topmenu ul li:hover{background:#c7beb0; cursor:pointer; color:#fff !important}