Navigations Problem mit HTML/XHTML

[Killhunter]

Hallo, ich habe folgendes Problem:

Anscheinend brauche ich ein altes DOCTYPE...
____________________________________________________________

CSS CODE:

.navilink {
    width: 120px;
    height: 40px;
    background-color: #606060;
    text-align: center;
    padding-top: 10px;
    padding-left: none;
    padding-bottom: 10px;
    padding-right: none;
}

.navilink:hover {
    width: 120px;
    height: 40px;
    background-image: url("http://file1.npage.de/002479/06/bilder/psprojektsnavilink_hover.png");
    text-align: center;
    padding-top: 10px;
    padding-left: none;
    padding-bottom: 10px;
    padding-right: none;
}
_______________________________________________________________________
HTML CODE:

<div id="navi">
<div align="center">
<a class="navilink" href="psprojekts.npage.de">News</a><a class="navilink" href="psprojekts.npage.de">Projekte</a>

</div>
</div>
________________________________________________________________________

Im FF 3.0 siehts so aus:
HiER KLICKEN

Im IE 7.0....:
HIER KLICKen

Es liegt warscheinlich am IE... Er ist nicht auf dem aktuellen stand?!
Wenn ich einen DOCTYPE definiere siehts im IE so aus wie im FF...

Habt ihr einen alten DOCTYPE oder seht ihr einen anderen Fehler?
Findet ihr vlt einen Weg den Sinn mit einem anderen Code zu programmieren?
Hier meine Seite: PSProjekts.NPage.de
Danke für eure Ratschläge...