Zwei DIVs nebeneinander

[Dmitri Rettig]

Hallo,

Ich will zwei DIVs nebeneinander postieren. Folgenden Code habe ich:

<div style="width:300px; margin:0px 20px 0px 0px; padding:0px; float:left;>
<a href="link1.htm" style="display:block; margin:0px; padding:3px; background-color:#EEEEEE; width:300px;">Link1</a>
<p>Beschreibung des Links...</p>
<br />
<a href="link2.htm" style="display:block; margin:0px; padding:3px; background-color:#EEEEEE; width:300px;">Link2</a>
<p>Beschreibung des zweiten Links...</p>

<!-- usw //-->

</div>

<p>Das ist meine Navigationsleiste. Daneben will ich einen Kurzen Text plazieren. </p>

<p>Da erzähle ich was vom Pferd ...</p>

<p style="clear:left">Und hier geht es ganz normal weiter</p>
<hr />

Der Mozilla interpretiert alles richtig. Ich nehme an, dass Netscape es auch tut. Der MSIE plaziert den Text "Das ist meine Navigationsleiste. Daneben will ich einen Kurzen Text plazieren." genau unter meinen DIV, und macht diesen auch 300px breit [warum?], auch wenn ich den Text ebenfalls in einen DIV verschachtle.

Bitte keine Lösung mit Tabellen. Ich bin gerade dabei, von Tabellen wegzukommen.

MfG Dmitri