Floaten von DIV Elementen

[Hans Hermes]

Hallo Leute,

ich habe ein Problem mit dem floaten von 2 DIV Elementen. Das erste ist ein Menü:

<div id="menu">
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
<li>Link 4</li>
</ul>
</div>

Das Style dazu:

#menu {
width:200px;
float:left;
}

Dann darunter im HTML kommt das Headerbild:

<div id="headerpic"></div>

Das Style dazu:

#headerpic {
width:600px;
height:200px;
background-image(./img/test.jpg);
background-repeat:no-repeat;
}

Das Problem ist jetzt allerdings, das der Firefox das Menü irgendwie nicht richtig floaten läßt. Also das Menü beginnt an Position X=0,Y=0 das ist soweit auch richtig. Allerdings wird die Headergrafik auch an Position X=0, Y=0 angezeigt, und Links wird das Menü über der Grafik angezeigt. Müßte die Headergrafik nicht an Position X=200, Y=0 liegen?

Wieso ist das nicht so?

Vielen Dank für die Hilfe!

Gruß, Hans