@import url();

[Nichtsnutz]

Hi!

Ich habe eine Webseite (http://kraftdurchkot.port5.com/test.html) erstellt und finde da ein Problem.
Die Seite ist für mein Vater und er nutzt den Internet Explorer, erstellt, also dachte ich erstmal an die Bedürfnisse von diesem Webagenten. Ich habe ein wenig mit dem Rand getrickst, sodass die Seite IMHO ganz hübsch aussieht. Nur habe ich ein Problem bei der Positionierung. Ich musste z-index: einsetzen, damit mein h2 unter div id="navi" liegt, doch zeigt der Internetexplorer h2 höher an, als er normalerweise sollte. Also habe ich für den IE die Seite geschrieben und Mozilla zeigt jetzt die Seite so an, dass die Überschrift kaum lesbar ist. Das wurmt mich nun, sodass ich es ändern will.
Ich habe einfach in die CSS-Datei (http://kraftdurchkot.port5.com/aufmotz.css) @import url(ns.css); geschrieben, womit ich den IE ausgetrickst habe und nur die standartkonformen Browser lesen können. Doch leider muss man @... am Anfang des Dokumentes schreiben, also wird die Formatierung von der "falschen" überschrieben und ich bin wieder am Anfang :(
Gibt es denn eine Möglichkeit doch noch so zu formatieren, dass Mozilla UND Internet Explorer die Seite korrekt anzeigt?

Tschüss und Danke im Vorraus!

ps: Natürlich könnte ich auch einfach in das HTML-Dokument
"<style type="text/css" title="Autorenstylesheet"><!-- @import url(ns.css) screen; --></style>" schreiben, aber aus ungenannten Gründen will ich das nicht.