Internet Explorer Compatibility Mode

[Daryl]

I have a site that I am developing for a customer at http://qcrpainters.com/index2.php

The site views well in the latest versions of all browsers, however when viewed in compatibility mode in Internet Explorer, the menu div is moved 500px or so to the right and a space appears below the rotating images.

How would I get this to view right?

Thanks in advance

[neilo]

Hi Daryl,

Try changing the rule for your menu div from:

#menu {
margin-left:550px;
position:absolute;
width:242px;
}

to:

#menu {
float:right;
width:242px;
}

[Daryl]

Thanks Neilo

I managed to resolve the problem with the menu by using the inline attribute.

I have now fixed the image rotator so that it works in IE (compatability mode), but now there is a gap above it in IE 9, Chrome and Firefox!!

I'mremembering why I hate IE now!!!