Float-Probleme mit IE + richtige Maßeinheit

[Fabian St.]

Hi!

Ich schreibe gerade für meine Website eine Admin-Seite, auf der ich dann bestimmte Artikel/News/kommentare online mittels PHP/MySQL bearbeiten kann. Der PHP/MySQL Code steht und funktioniert bereits, jetzt ergeben sich jedoch - bei dem vermeintlich leichteren - CSS Probleme:

Es geht um folgende Seite:

http://fabis-site.net/admin/index1.html

und speziell um den IE. Wenn man nämlich die Seite mit dem IE (in meinem Falle 6.0 unter WinXP) anschaut, so wird das content-div unter das (#menu) geschoben, obwohl im #menu ein float:left steht. Mozilla und Opera zeigen es richtig an. Zur Verdeutlichung hat das content-div einen roten Rahmen.

Weiß jemand den Grund dafür und hat vielleicht eine Lösung parat?

P.s DIe Seite ist als XHTML und CSS validiert.

---------------------------------------------------------------------

So nun zu meiner zweiten Frage:

Bisher habe ich sämtlichen Positionierung/margin/padding - Werten als Maßeinheit Pixel zu Grunde gelegt. Bekanntlich ist dies auch in Hinsicht auf Zugänglichkeit und Barrierefreiheit nicht das Beste. Nun hat mir bereits Cheatah in diesem Thread (http://forum.de.selfhtml.org/archiv/2004/7/85915/#m506986) den Ratschlag gegeben möglichst auf em zu setzten. Das habe ich auf obiger Seite getan - doch immer mit der Frage im Hinterkopf, wann genau man em verwenden sollte. Nur bei der Schriftgröße, auch bei der Breite, Höhe, bei margin, padding?

Ich wäre froh, wenn mir das noch jemand erläutern könnte ;-)

Grüße,
Fabian St.