Good problems with Internet Explorer
I am facing a small glitch in Internet Explorer. The site looks like Firefox ( http://i27.photobucket.com/albums/c190/blcArmadillo/FirefoxView.jpg ). But when I load it in Internet Explorer, the background from my top bar seems to be applied all over the site, as you can see in this screenshot: http://i27.photobucket.com/albums/c190/blcArmadillo/AfterLoad.jpg . The weird thing is that if I scroll up and down the page, the parts of the page that suddenly leave the screen view have the correct white background, as you can see in this screenshot: http://i27.photobucket.com/albums/c190/blcArmadillo/ AfterScroll.jpg .
The site is temporarily located at http://evergreenwebdesigns.com/playground/dsite/ . If you know how to fix this crash, please let me know. Thanks for your help.
source to share
This is a common " hasLayout " IE problem. Check out the fix I suggested for another CSS issue that should work in your case as well.
In your case, although you should also apply it to IE7, like so:
<style>
.haslayout {
* display:inline-block; /* Limit to IE7 and below */
}
</style>
And apply this class to the offending div
source to share