Das Menü ist immer noch keine Liste.
Das sollte ungefähr so aussehen:
Code:
<ul id="navi">
<li>Seite 1</li>
<li>Seite 2</li>
<li>Seite 3</li>
<li>Seite 4</li>
<li>Seite 5</li>
</ul>
Dafür musst du dann dein CSS schreiben, um die Hintergrundbild, die Innen/Außenabstände, die Listenpunktausrichtung zu definieren. Tipps dazu stehen in den Tutorials.
CSS heißt
nicht, dass man die alten Tabellenzellen durch "Divs" ersetzt, sondern, dass man die vorhanden und semantisch korrekten Elemente entsprechend gestaltet.
Division sind inhaltlich wertlos und sollte somit nur verwendet werden, um anderen semantisch wichtig Element zu gruppieren. Einzelne Elemente werde
nur in
Ausnahmefällen mit einer Division umschlossen!
Dein <div id="header"> ist leer und somit unpraktisch. Keine Suchmaschine wird deinen Seitentitel so lesen können. Da der Header wohl auch deinen Seitentitel enthalten wird, solltest du ihn als <h1> auszeichen, den Titel reinschreiben und dann diese Methode anwenden, um den Text verschwinden zu lassen:
Gilder/Levin-Methode:
http://meiert.com/de/publications/articles/20050513/#toc-gilder-levin
Die Fehlinterpretationen, Bugs bzw. Besondere Handhabungen des IEs lassen sich selten mit einem gültigen Dokument beheben. Da muss man je nach Fall entscheiden und handeln, was genau für ein Problem vorhanden ist.
Um dein normales Dokument nicht mit Hacks zu zu müllen, solltest du ein eigenes CSS-Datei für den IE einbinden und diese per "Conditional Comments" verstecken.
IE-Bug-Liste:
http://www.positioniseverything.net/explorer.html