Botões

[cheel 0]

Olá pessoas.

Sou iniciante em html e css.

Estou com um probleminha nos botões .

Eu coloquei uma imagem como bg dos botoes do menu.

Mas eles nao ficam "centralizados" junto com as palavras.

Como que eu faço pra arrumar isso?

Segue abaixo a parte do css dos botoes.

Desde já agradeço .

;)

#menu ul {
float: left;
width: 100%;
list-style:none;
position:absolute;
z-index:9;
top:183px;
left:250px;
}

#menu ul li { display: inline; margin:0;}

#menu ul li a {
margin:0;
float:left;
/* visual do link */
text-decoration: none;
background:url(imagens/botao.PNG) 15px 1px  no-repeat;
padding:2px 35px 15px 50px;
display:block;
}
#menu ul li a:hover, #menu ul li a.clicado{background:url(imagens/botao_hover.PNG) 20px 1px  no-repeat;

}

[Evandro Oliveira 331]

Tente variar no posicionamento:

 

background: url('...') top left;

 

background: url('...') center center;

 

Não se esqueça de especificar as medidas do botão e verificar se o plano de fundo é compatível.