IE CSS DIsplay Issue

Question

Hi,

The products on the below page are getting displayed correctly in FF, Safari and IE8:

http://www.toomanydesigns.com/thefix/top10_watches/

However, IE6 is having issues. Does anyone know what I need to do to get it to display correctly in IE6?

Thanks

Answer 1

I don't have IE6 installed, but what this looks like is the IE6 Multiple Class Bug for this (and maybe more) div:

<div class="listing-type-list catalog-listing top10full">

It's a bummer, but if you really need IE6 support, that page will show you some techniques to work around it.

Answer 2

fixed it. I needed to add a larger line height to get the numbers to show and adjust the margins so the content fitted.

Answer 3

Display issues in IE can be a really pain i cant help you directly, But firebug lite which can be plugged into any broswer should help you see whats going on in IE

Firebug Lite

If you add the following as a bookmark and stick it on your tool bar it will enable firebug lite off any webpage with a single click.

javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);