Div vedle sebe a jako odkaz

Hi

chtel bych mit nahore pod bannerem takovy to klasicky horni vodorovny menu. Odkazy by mely byt ale pouze textovy a mely by meli menit barvu pozadi pri prejeti mysi. Nejak mi to ale nechce fungovat. Nejde mi vystredit text na stred a navic se kurzor nezmeni na rucicku.Prikladam kus zdrojoveho kodu, tak mi reknete kde je chyba nebo kde takove menu maji (abych se mohl inspirovat)

<div id="tlacitka">
<table><tr>
<td><a herf="./index.html">Profil</a></td>
<td><a herf="./neco.html">Služby</a></td>
<td><a herf="./neco.html">Novinky</a></td>
<td><a herf="./neco.html">EZ Digita</a></td>
<td><a herf="./neco.html">Ceník</a></td>
<td><a herf="./neco.html">Kalibrace</a></td>
<td><a herf="./neco.html">Články</a></td>
<td><a herf="./neco.html">Kontakt</a></td>
</tr></table>
</div>


#tlacitka{
position: absolute;
top: 94px;
left: 166px;
width: 844px;
height: 59px;
background: #4b6698;
font-family: "Verdana";
font-weight: bold;
font-size: 20px;
color: white;
}

#tlacitka table{
margin: 0px;
width: 100%;
height: 100%;

}

#tlacitka td{
text-align: center;
vertical-align: middle;
border-width: 0px;
}

#tlacitka a{
display: block;
width: 100%;
height: 100%;
padding-top: 25px;
}

#tlacitka a:hover{
background: green;
}

Hi

proc dve tecky? Odkazuji na soubor, ktery je ve stejnem adresari.
Uz jsem na to temer prisel, az na to, ze kolem bunek tabulky se vzdy vytvori ramecek 1px, i kdyz nastavim vsem prvkum ramecek na 0px. Je jakoby mezi tabulkou a samotnymi bunkami.