Проблем с меню

[PHP_Masters]

Имам проблем с меню, искам да не е извън картинката за меню

ето цсс

.menu {
background: url(images2/menu.gif) no-repeat;
margin:0 auto;
width: 886px;
height: 44px;
text-align:center;
padding-bottom: 2px;
}
.menu a
{
background:  url(images2/menu_defout.gif) no-repeat;
font: 12px verdana;
color: #fff;
text-decoration: none;
padding: 12px 30px;
float: left;
outline:none; 
}

.menu a:hover
{
background: url('images2/menu_visted.gif') repeat-x;

color: #fff;
}

ето и хтмл
<table border='0' align="center" cellpadding="0">
<tr><td><div class='logo'></div></td></tr>
<tr><td><div class='menu'><a class="menu" href="#">Начало</a></div></td></tr>
</table>

 

[embaka]

<table border='0' align="center" cellpadding="0">
<tr><td><div class='logo'></div></td></tr>
<tr><td><div class='menu'><a href="#">Начало</a></div></td></tr>
</table>

викаш два пъти класа menu, щом имаш menu a значи класа се зарежда преди тага a

 

[PHP_Masters]

пак е същото

 

[PHP_Masters]

Нещо от padding: 12px 30px; е, когато го махна си идва на мястото обаче няма ефекта на менюто

 

[GaTio2]

displey: block;
float: left;

 

[PHP_Masters]

A, благодаря ти много