Probably start with your images, replacing the two .recordimage rules in your stylesheet with something like this:


I'd recommend doing most of your work in Firefox with some of the developer extensions installed. Most of what you see in Firefox is close to the same in most other relatively standards-compliant browsers, such as IE7 (though IE7 has a ways to go yet). If you can make your site look good in both IE6 and Firefox, then you usually won't have much left to do for IE7 compatibility.

I have also had some <SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: Arial">compatibility problems between ie6 and 7 with image layout. IE 7 automatically shrinks images to match a table layout if it has dimensions defined. If you roll over an image that has been shunk by ie7 you will get a magnifying glass (click to zoom). ie 6 does not do that unless the image is larger than the entire ie window. Therefore I was laying everything out in ie 7 and it looked beautiful until the client viewed it in ie6. Once I edited my product images to the correct width it worked in both and stopped wrapping the product description below cross sells in ie6.