Abstand von Kopfleiste je nach Browser anders

Hallo,

habe folgendes Problem mit meiner neuen Seite:
( Order of Justice )
Ich habe eine Menge versucht, um die obere Tabelle auf 30px zu beschränken (height:30px; overflow:hidden; margin:0 !important; padding:0 !important;), jedoch funktioniert das nicht in allen Browsern.
An sich wäre das kein großes Problem, da ich die Inhalte der Zellen sowieso schon nach oben ausgerichtet habe, jedoch platziere ich das Logo darunter per margin-top, sodass das Logo außerhalb von Firefox 1px tiefer ist als in Firefox.

Stylesheet: http://order-of-justice.de/ooj/style.css

Ach ja, bevor einer fragt, folgendes habe ich natürlich auch schon probiert:

  • {
    margin:0 !important;
    padding:0 !important;
    }

(Natürlich ist nirgendwo anders !important gesetzt)

Hoffe da weiß einer weiter…

Setze sowas ohne !important, denn sonst machst Du dir das Leben schwer.

Vermutung wg. der Tabelle: die Inhalte sind höher, dadurch wird die angegebene Höhe ignoriert.

Die Bilder in der Tabelle sind genau 30px hoch

http://order-of-justice.de/ooj/images/bar_tns.png
http://order-of-justice.de/ooj/images/bar_tns2.png

Der Rest ist als Hintergrundbild festgesetzt.

Vermutung wg. der Tabelle: die Inhalte sind höher, dadurch wird die angegebene Höhe ignoriert.

overflow:hidden; ?