verschachtelte divs / Doctypes

[Viennamade]

Hallo!

Folgende Zeilen machen eine unterschiedliche Ausgabe, je nach dem ob die Seite xhtml-strict deklariert ist oder nicht:

<div style="border:1px solid red; width:200;background-image:url(Bilder/menulo.gif);background-repeat:no-repeat;">
<div style="border:1px solid green;margin-left:20px">abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd
</div>
</div>

Ohne xhtml-Deklaration wird ein Kästchen gezeichnet. Innerhalb des Kästchen ein Weiteres dessen linke border 20px Abstand "versetzt" ist und dessen Text umbricht. Das Ganze bleibt also 200px breit und genauso will ich es haben.

Schreibe ich allerdings die xhtml-Deklaration dazu, bricht der Text nicht mehr um, daß äußere Kasterl ist so breit wie das Browserfenster, das innere um 20px weniger.

Warum ist das so und wie schaffe ich eine xhtml-Ausgabe wie gewünscht.

Äh, im weiteren Sinne "spiele" ich mit dem Problem seit 2 Tagen :-)

Beste Grüße
Viennamade