Divs with float

Strange position of left-float.

[Izkoo]

Hi there!

I'm using this code:
CSS:
-------
#content {
margin-top: 75px;
width: 597px;
height: auto;
}

#left {
width: 110px;
height: 497px;
margin: 0px;
padding: 0px;
float: left;
}

#right {
width: 485px;
height: 100px;
}
--------

HTML:
---------
<div id="content">
<div id="left">
&nbsp;
</div>
<div id="right">
&nbsp;
</div>
</div>[/code]
---------

But the right-div goes under or over the left-div. I've tried clear:both; between the div's, but it didn't help.

[edited by: Izkoo at 8:30 pm (utc) on June 5, 2008]

[FranL]

what are you trying to achieve?

[rocknbil]

Try floating only the left div, or the right div, and let the unfloated one fall in the document's natural flow. Make sure the floated div comes before the unfloated div in the document source.

Or float them both in the same direction.