CSS help needed, float in IE

[nassau]

i'm helping a friend with his website and it currently looks 100% perfect in safari. however, in IE on WinXP it looks... (drumroll) not quite as perfect.

well, i'm almost there, a few small things are left, but also a few big ones i just can't seem to fix. the biggest problem is the ipod pictures that won't "float" downwards over other fields directly below it. it's easier to understand if you see it live. compare the URL below on safari and IE/WinXP and you'll see the difference.

the other big problem is the shades in the bottom of the page, they don't "terminate". instead the keep going about 20px. again, easier to understand if you see it live

link: http://camo.biz/test/

if someone has any clues as how to make the CSS work in IE/WinXP and all the others, please let me know.

thanks :)

[spikeh]

I've not got the time to have a comprehensive look right now, but if what you're seeing is a glitch in IE (and not a Trident issue as such), then have a look here:

http://www.positioniseverything.net/explorer.html

[nassau]

thanks, i'll take a look at that.

anyone else see a glaring mistake i might have made in my code? i can't seem to get it right...

[jdcfsu]

You have more then just an IE problem, as it displays improperly in FireFox as well. A quick look at your W3C validation shows you aren't using a character type, though that isn't causing the spacing problems. I'm not exactly sure what is, but it looks like you might need some sort of position attached to your div's. IE is a real pain to code for.

[nassau]

you mean firefox on Windows right? it's strange, my CSS looks good in all mac browsers but screws up in, aparently, all Windows browsers.

thanks