CSS Issue in Magento in IE7

I have a Magento website and am having issues with the way some of my content is displaying in IE7. Here is the page:

http://www.icemachinesplus.com/brands/hoshizaki/cuber-heads/hoshizaki-km-320mah-483.html

In the content area of the page you’ll see a section with a green background. The text that corresponds to each of those radio button options is not displaying correctly. Look at the page in any other browser to see the correct layout.

Any thoughts on how to fix this?

Thanks.

Keith

Sorry I misunderstood :slight_smile:

However I’m not familiar with magento so you’ll have to read through some tutorials and see if you can locate the template files or wait until someone who uses it comes along.

Hi Paul,

No problem. I’m familiar but not expert in Magento so searching for that code could take some time. Hopefully someone else will kindly point me in the right direction. Thanks for your help.

Keith

I meant, in what particular file would I find that code? I’m assuming it’s a single template file.

Thanks for the reply. Where do I find the html code for that? I’d like to remove the align=“left”

You’ll find it in the various image tags like this:


 <span class="label"><label for="bundle-option-186-505">
<img src="[http://www.icemachinesplus.com/media/catalog/product/cache/1/thumbnail/75x75/9df78eab33525d08d6e5fb8d27136e95/b/_/b_800__85084_1_1.jpg](http://www.sitepoint.com/forums/view-source:http://www.icemachinesplus.com/media/catalog/product/cache/1/thumbnail/75x75/9df78eab33525d08d6e5fb8d27136e95/b/_/b_800__85084_1_1.jpg)" border="5" [B]align="left"[/B]/><br />Hoshizaki B-800SF Ice Machine Storage Bin (600 lbs Capacity) with Top Kits (HS-2035, HS-2032) to accommodate 22" Machine &nbsp; <span class="price-notice">+<span class="price">$1,309.00</span></span></label></span>


Hi,

Try this:


.label img{float:left}

It’s the deprecated align=“left” in the image that is causing the problem and you shouldn’t be using it with a strict doctype anyway :slight_smile: