CSS-Problem bei Navigation

[city]

Hallo,
habe eine Navigation (siehe URL) mit nachfolgender CSS-Beschreibung erstellt,
die einzelnen Menupunkte werden mit a.navi ausgezeichnet, die jeweils aktuelle Seite mit a.navi2
Bei Firefox alles o.k., allerdings beim IE erscheint die Schrift nicht in weiss.
Was läuft da falsch? (entweder bei mir oder beim IE ;-)

a.navi { display: block;
padding: 3px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #003;
background: #ddf;
border: none;
text-decoration: none;
width: 130px;
}
a.navi:visited { text-decoration: none;
}
a.navi:hover { color: #fff;
background: #003;
border: none;
text-decoration: none;
}
a.navi:active { color: #fff;
background: #003;
border: none;
text-decoration: none;
}
a.navi2 { display: block;
padding: 3px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
background: #003;
border: none;
text-decoration: none;
width: 130px;
}

Danke und Gruss

city