Igor Veronesi

Obrigado Willian. Sabia que era resolvido com padding mas não estava conseguindo achar a solução. Passei ontem a noite inteira tentando resolver isso. Já estava com a cabeça cansada e não estava conseguindo raciocinar. Valeu meu camarada.

Bem, estou precisando de uma ajuda de vocês para saber onde estou errando na programação de um menu horizontal onde o hover é uma outra imagem. (não possui bordas) O menu tem largura de 450px e altura de 57px. O li a tem largura de 90px e altura de 57px. O problema é o seguinte: O título de cada link está lá em cima e não estou conseguindo posicioná-los mais à baixo. vou colocar a CSS e o HTML pra vocês darem uma olhada e tentar me ajudar. Desde já agradeço a atenção. igor_veronesi@hotmail.com HTML: <div id="menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">SERVIÇOS</a></li> <li><a href="#">EQUIPE</a></li> <li><a href="#">DESTAQUE</a></li> <li><a href="#">CONTATOS</a></li> </ul> </div> CSS: #menu ul { width: 450px; height: 57px; padding:0px; margin:0px; float: left; background-color:#1480a7; list-style:none; } #menu ul li { float:left; } #menu ul li a { width: 90px; height: 57px; padding-left: 0; float:left; /* visual do link */ background-color:#1480a7; color: #fff; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; text-align:center; text-decoration: none; } #menu ul li a:hover { width: 90px; height: 57px; background: url(btn_verde.gif) no-repeat left bottom; color: #1480a7; }