page validates yet looks terrible in IE!

[ssbeats]

Hi can someone have a look at my page?

http://synthsoundz.com/impwood

It looks fine in firefox and validates but looks crap in IE. I understand that IE renders the page differently but i think there is something fundamentally wrong with my code.

I am trying to use relative positioning for all of my divs and it is the first time i have tried doing this. Some of the divs have very exagerated negative values i.e. top:-1400px etc.

Can anyone sugguest a reason why my page is so messed up?

Thanks.

[Centauri]

Using relative positioning and offsets like this is just as bad as all absolute positioning. Relative offestting only moves the display of the object, but the object still actually occupies the original space, which is why you have ended up with so much blank scolling space at the bottom - that is where your elements actually are.

For the majority of positioning, there is no need to use anything other than the default positioninmg of "static", combined with floats - let things flow and stack naturally.

[ssbeats]

ok thanks. It gets a bit confusing as there are many tutorials floating about that encourage the use of relative an absolute positioning in this way, which is why i thought id give it a go.

I think you right however, ill stick to floating elements etc.

Cheers!