Quick Fix I.E6 Compatibility Issue ****

Hi there.

I have designed a site and it works fine in firefox, chrome, and ie7, but its not looking so good with ie6.

Here is a version of the site: http://www.free-onlinedating.net/Unlimited/azura.html

Here is a screenshot of how it looks in IE 6: http://free-onlinedating.net/images/SHOTie6.jpg


Any help will be appreciated.

Thanks

Dylan

 

Not tested.

It looks like you didn't set hasLayout for IE6. Overflow auto does it for IE7, and works as it's supposed to in modern browsers and IE8. Try this:

* html #faux_top,
* html #faux {
  height: 1px;
  }

Code (markup):

Please note, it's star+space+html+space+selector

That's known as the Holly hack, and it's used to trigger hasLayout in IE≤6. See my article, enclosing float elements for more info.

cheers,

gary