HTML + CSS: a largura 'a' não funciona
Eu tenho o seguinte código:
Parte CSS:
<style type="text/css">
.menu
{
width:200px;
}
.menu ul
{
list-style-image:none;
list-style-type:none;
}
.menu li
{
margin:2px;
}
.menu A
{
height:25px;
width:170px;
background:url(./images/button-51.png);
padding:2px 5px ;
}
.menu A:link
{
height:25px;
width:170px;
background:url(./images/button-51.png);
padding:2px 5px ;
}
</style>
Parte HTML:
Tudo funciona bem, mas quando adiciono o elemento 'DOCTYPE' no início do documento HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
a largura do elemento 'a' não é levada em consideração.
Questão 1: Por quê?
Questão 2: Como consertar isso?
Muito obrigado!