Question : Format Issues with DIV and CSS in IE

I have a problem with CSS and IE7/8 and DIV statements on a website I am developing. It is to do with the web header where on Chrome (and Safari, etc) the web page header renders OK, but on IE7/8 the page header is way too high - see attached screen images.

I figure it has got something to do with DIVs (and relative positioning), but I'm not sure how to correct the problem.

I have attached the CSS file and HTML generated by the ASP server-sided script for information.

ANy help is appreciated.

Attachments:

Chrome-Working.JPG (87 KB) (File Type Details)

Chrome showing correct rendering

IE-Not-Working.JPG (64 KB) (File Type Details)

IE8 with wrong rendering

ea-ols.css (12 KB) (File Type Details)

CSS file for web pages

webpage-source.txt (7 KB) (File Type Details)

HTML Source for webpage

Answer : Format Issues with DIV and CSS in IE

Try this:

                       
         
           
           
             //normal javascript
if(navigator.appName == "Microsoft Internet Explorer" && substr(navigator.appVersion, 0, 3) == '4.0'){
    alert('IE8');
}else{
    alert('not IE8');
}

//With jQuery
if($browser.msie && $browser.version == '8.0'){
    alert('IE8');
}else{
    alert('not IE8');
}

           
         