Bastian: Float und Internet Explorer

Beitrag lesen

Halli-hallo

Ich habe wieder mal ein CSS-Problemchen. Ja, es geht wieder um den Internet Explorer, genauer gesagt, um die Eigenschaft float.

Das ist mein Stylesheet:

#inhalt {
  float: right;
  width: 526px;
  margin: 0;
  padding: 0; }

#navigation {
  padding: 0;
  margin: 0 528px 0 0; }

Hier das HTML-Dokument:

<BODY>
<div id="inhalt">
...
...
</div>
<div id="navigation">
  <p>Text</p>
  <img src='grafiken/layout/navigation-linie.jpg'>
  <p>Text</p>
</div>
</BODY>

Der IE hat folgendes Problem: Der Inhalt der Navigation beginnt auf der Höhe des Inhalts. Doch nur bis zum Bild. Dieses, und alles was danach folgt, wird erst unterhalb des Inhalts (aber immer noch in der Navigationsspalte) angezeigt. Lasse ich das Bild weg, siehts korrekt aus.

Weiss jemand, woran das liegt und wie dieses Problem zu beheben ist? Alle anderen Browser zeigens korrekt an.

Danke sehr.