Floating DIVs, Clearing not working or something else/

[lostseed]

Not sure about this one, I tried the height 1% bug.
It only appears shifted in IE. Can anyone please take a look?

I REALLY cant figure this out please someone must know

http://www.lostseed.com/audio/index.php

This is the code for them (just left and right as you see them)

div.articles, div.left {
	width: 385px;
	float: left;
	clear: both;
	padding: 0;
	position: relative;
	margin: 0 0 15px 0;
}
	
div.references, div.right {
	width: 380px;
	padding: 0;
	float: right;
	position: relative;
	margin-bottom: 15px;
}

[lostseed]

its just

<div class="left">content</div>
<div class="right">content</div>


<div class="left">content</div>
<div class="right">content</div>


<div class="left">content</div>
<div class="right">content</div>

[lostseed]

Ive gone through google and tried a lot of IE hacks.
I have never encountered this before and have never been stuck on something for this long.

Would min-height and h/eight do any good? It didnt seem to.

[deathshadow]

to each of your 'left' tags, add a 'clear:both;"

That should make them line up.

-- edit --

or not, you've already got it there... hmm...

[deathshadow]

Hmm. You didn't close a LI after "LostSeed CD Download" - that doesn't seem to be the issue though.

Got me stumped... at that point I'd probably just wrap each right/left in a container DIV to force the issue... at which point you are looking at almost as many tags as a table... Hmm... Two columns by 3 rows, yup, SOUNDS like a table to me.

[lostseed]

Wow I went completely brain dead, Ive been so adopted by CSS I totally forgot tables can still be an option haha. Thanks for this I may try a force div first, otherwise tables always work. Thanks for your suggestions, finally I can do somethig about this

The LI is closed or else.. Wow, it looks like my Firefox validator missed that !! I cant believe it haha