IE messing up with CSS (hmmm, surprise there then :)

Hi, was wondering if anyone can help. I've scratched my head and experimented but can't beat IE this time:

http://www.satorimedia.co.uk/portfoliosatori.htm

in Firefox all ais fine and dandy. In IE half the scrollable title boxes are gone as it appears to have shifted the graphic block to the right. I'm not sure which parts of the CSS code you want so am happy to post more to help, but here is the most pertinant:

/* player and playlist go side by side */
#player, div.playlist {
float:left;
margin-right:10px;
margin-left:10px;
margin-top:20px;
}

div.playlist {
width:156px;
float:left;
}

And this is for the titles block:
div.items a {
background:url(../img/block.jpg) no-repeat;
width:156px;
height:96px;
display:block;
text-decoration:none;
color:#444;
float:left;
}


As I said, I have no idea why IE is shifting everything to the right and can't do anything about it...!!!

Any help greatly appreciated.

Jules

Hi there,

this got resolved on another forum. In case anyone has come in here with a similar issue, the thread is here:

http://www.codingforums.com/showthread. ... post730731

Actually I feel this kind of browser blaming a bit unnecessary ... maybe when your code actually validates and it still doesn't work, then it's time to blame the browser, but before that, there's nothing you can say or hold against a certain browser: and unfortunately, your code does not validate. ... and your CSS neither

//This is not an attack, I am just stating the facts.