Elya: pixel-Differenzen in Mozilla/Opera

Beitrag lesen

Hallo Forum,
mit einem 1px großen Problem komme ich nicht weiter...
Habe eine kleine css-Navigation gebastelt:

.footer {     width:100%;
              border-top:1px solid #2f80bf;
              background-color:#2f80bf;
        }

.footersubtext { font-family:Verdana,Arial,Helvetica,sans-serif;
              font-size:10px;
              border-top:1px solid #2f80bf;
              color:#0066cc;
              background-color:#ffffff;
            }
a.footernav { font-family:Verdana,Arial,Helvetica,sans-serif;
              font-size:11px;
              font-weight:bold;
              border-right:1px solid #ffffff;
              /* border-left:1px solid #ffffff;*/
              padding:3px;
              text-decoration:none;
            }
a.footernav:link { color:#ffffff;
                   background-color:#2f80bf;}

[usw. mit visited, hover, active]

<table class="footer" cellspacing="0" cellpadding="1">
<tr>
<td><a class="footernav" href="#">Kontakt</a><a class="footernav" href="#">Hilfe</a><a class="footernav" href="#">Logout</a><a class="footernav" href="#">meine Userdaten ändern</a></td>
</tr>
<tr><td class="footersubtext">Fußzeile</td></tr>
</table>

Leider zeigen Mozilla und Opera leichte Verschiebungen nach oben gegenüber IE (die von mir gewünschte Darstellung), ich habe schon an allen möglichen Parametern rumgedreht, padding, line-height, Zellenhöhe etc... nichts hilft wirklich. Der <a>-Bereich scheint sich sogar oben aus der Tabelle rauszuschieben.

<img src="http://www.visuelya.net/selfpics/ie.gif" border="0" alt="">

<img src="http://www.visuelya.net/selfpics/mozilla.gif" border="0" alt="">

<img src="http://www.visuelya.net/selfpics/opera6.gif" border="0" alt="">

Hat jemand von Euch einen Tipp? Danke für's Anschauen.

Schöne Grüße aus Köln-Ehrenfeld,

Elya

--
Keep passing the open windows.