Divs rutschen im IE untereinander

[Julian]

Hallo allesamt,

Auf die Gefahr hin ausgeschimpft zu werden weil ich nicht mit google, der Selfhtml-Suche o.Ä. draufgekommen bin stelle ich die Frage jetzt doch im Forum. Vielleicht kann ich mir dadurch weitere 3 Stunden Suche ersparen.

Ich habe ein zweispaltiges Layout mit divs.

  
      #div1 { float : left;  
                  width : 200px;  
                  height : 500px;  
                  background-image : url(test.jpg);  
                  background-repeat : no-repeat;  
                  display : inline;  
            }  
      #content { margin-top : 20px;  
                 margin-left : 20px;  
                 background-color : white;  
               }  

Diese Divs rutschen im IE(6) wie in folgendem Screenshot zu sehen untereinander:

Wenn ich der zweiten div einen Wert für die Höhe gebe (z.B. 300px) dann wird sie richtig dargestellt, d.h. _neben_ der Anderen. Da in diese Div aber dynamischer Text reinkommt möchte ich eigentlich auf eine Höhenangabe verzichten. Auch die Angabe height : auto; funktioniert nicht.

mfg Julian