Palme: float setzt meine background-Angabe außer Gefecht

Beitrag lesen

Hallo,

habe ein mir neues Problem entdeckt:

Ich habe ein div, welches eine background-Farbe zugeteilt bekommen hat.

In diesem div habe ich 2 weitere div's, mit jeweils einer float:left-Angabe.
Diese float-Angabe sorgen dafür, dass meine Hintergrundfarbe nicht mehr zu sehen ist, also alles weiß ist. Nehme ich die float's heraus, klappt es.
Nehme ich bei einem der divs das float heraus, ist halt dieses eine div mit Hintergrundfarbe usw.

Das macht nicht nur der IE so, sondern auch die anderen Browser, also liegt der Fehler wohl bei mir?

Hab mal den Quelltext hier:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>xy</title>

<style type="text/css">
<!--
#content {  background:#eeeee7; border-top:1px solid #BEBEA5; margin:0px; text-align:left; padding:20px;}
#content a { color:#b06030; }
-->
</style>
</head>

<body>

<div id="content"><!--content-->
  Text oder sonst was

<div style="float:left; margin-right:50px; margin-top:30px;">
   1. div
  </div>

<div style="float:left; margin-top:30px;">
    2. div
  </div>

</div><!--content-->

</body>
</html>

Kann mir jemand helfen?

Grüße

Palme