kun je het script posten ?

Probeer dit eens :

.headermenu a:hover
{
color: #fff;
background: #781351 url(hover.png) left top no-repeat;
padding-left: 10px;
display: block;
heigth:48px;
width:97px;
}

.headermenu a:hover
{
color: #fff;
background: #781351 url(hover.png) left top no-repeat;
padding-left: 10px;
display: block;
}

Probeer dit eens is even een gokje

Volgens mij ligt dit aan de hoogte waar je letters staan?
Je letters staan niet in het midden van de menubalk?

Kan aan mij liggen hoor maar alleen als ik bijvoorbeeld op contact sta zie ik de rest. want ze staan alleemaal boven venster.

Dit komt doordat je table gebruikt, als jij de mouseover laat zien, wordt je table groter, hierdoor heb je dat hoogte verschil.

Je kan beter
<ul>
<li></li>
<li></li>
<li></li>
</ul>

Gebruiken, dan zul je zien dat het wel mooier blijft staan.

Tables, raadt ik zo ie zo af om te gebruiken.

Edit:
Ik bedoelde dat dit komt doordat een <td> groter wordt dan de rest, en de andere dan dus op de laagst liggende positie gaan staan van het einde van de vorige td.

Het werkt nog niet goed, want het menublok verschuift, maar ok.

Je zou ook gewoon overal een spacer-tje tussen kunnen zetten.

gewoon een margin left mee geven(a)

Dan komt er automatisch wat ruimte tussen..

die een margin top meegeven dan staat ie wel mooi in het vak.. Tenminste dat denk ik:p

Mooi dat het gelukt is, mooie layout hoor