проблем с меню?

[webhaker]

ето кода

<td class="page">
<table width="930" id="menuattop" cellspacing="0" cellpadding="0">
<tr>

<td class="leftc"> </td>
<td align="center" style="padding-bottom:7px;">
<style type="text/css">
#nav {
background-color: #383a37;
border: 1px solid #383a37;
padding-top: 1px;
height: 20px;
padding-left: 20px;
}
#nav a {
border: 0px solid #383a37;
padding: 1px;
background-color: #383a37;
color: #0077B4;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Sans-Serif;
font-size: 12px;
}
#nav a:hover {
color: #00A8FF;
background-color: #000000;
border: 1px solid #727272;
border-bottom: 1px solid #ffffff;
}


</style>

демо: www.teenzonebg.com
искам менюто да е точно под картинката ,а не както сега в ляво да има няколко пиксела

 

[maxvolum]

#nav { 
background-color: #383a37; 
border: 1px solid #383a37; 
padding-top: 1px; 
height: 20px; 
padding-left: 20px; 
margin: 0;
} 
#nav a { 
border: 0px solid #383a37; 
padding: 1px; 
background-color: #383a37; 
color: #0077B4; 
font-weight: bold; 
text-decoration: none; 
font-family: Verdana, Sans-Serif; 
font-size: 12px; 
} 
#nav a:hover { 
color: #00A8FF; 
background-color: #000000; 
border: 1px solid #727272; 
border-bottom: 1px solid #ffffff; 
}

Така .

 

[webhaker]

същото е няма промяна виж в сайта

 

[webhaker]

оправих го и май ми помогна +1 :?: