Question

I am working on a project, in which I am particularly using the CSS with themes. I am facing a compatibility problem between IE7 and IE8. I have placed a ASP.Net menu on page in <div>. Applying CSS style on the div as follows.

.TopMenuPanel
{
background-color:#3783a9;
position:relative;
left:597px;
top:0px;
width:573px;
height:24px;
text-align:left center;
}

When I am seeing the page on IE7, the menu showing in one position whereas in IE8 it is showing in another position.
Specific talking, in IE7, on the position of Left:597px Top:0px it is showing in before the half page, and in IE8 it is showing after the half page.

Anybody else have any experience of such a problem, then please give me the expert solution on this problem.

Answer 1

If you know that your code works in IE7 you can force IE8 browsers to use IE7 standards by including the following tag inside

<meta http-equiv="X-UA-Compatible" content="IE=7">

IE 8 will behave exactly like IE7