Another IE div alignment prob again.

[rodd1000]

Hi, i'm pulling my hair out yet again with ie :mad:
Basically i have an image on this page (http://www.cnsdemo2.co.uk) that displays correctly in firefox but in IE it falls to the bottom of the page. (image of a doctors stethascope)

I;ve tried floating right with absolute but still no joy.

Could anyone suggest a way of fixing this.

Thanks guys!

[rpgfan3233]

It looks like your width960px class is causing this. I removed the width: 960px rule, and then unfloated the other element. It seems to work OK.

[rodd1000]

Hi thanks for that, that works a treat! Seems to have created a side effect in firefox (http://www.cnsdemo2.co.uk/) though. A gap below the nav bar has appeared, looks fine in IE. Any idea why?


Thanks again!

[rpgfan3233]

Actually, IE seems to be wrong again (IE8b2 and Firefox 3 both show the gap). The gap appears to be a result of the word "Us" in the "About" list item in the horizontal menu. Without "Us", the problem appears to disappear. In addition, it isn't shown because of the combination of your font size and overflow:hidden. I'm not sure if that was intentional or not, but it does result in issues with that extra white space between the horizontal menu and the content below it.

[rodd1000]

Thanks for that, i have decided to just remove the "Us" bit for an easier life lol.

All seems to look ok now.

Thanks verty much for the help, very much appreciated!