Whats wrong with IE7 Image scaling Width to 100%? Fine in IE8

IE7 does not resize the images properly with CSS

My page looks perfectly fine in FF and IE8 - exactly like it should. But for some reason on IE7 it does no properly resize the images down to 100% of the parent container, which is set at 30% of the page width.

The images are just 100% width of the full image. How do I make it look like IE8 and Firefox on IE7?

http://www.unreal-deals.com/ebook/te...h-resizing.php

<head>
    <style type="text/css">
    <!--
    .bullet-pic-numbering-IE-hack { width: 30%;
    }
    .what-you-get-image {   width: 100%;
    }
    -->
    </style>
</head>
<body>


       <table class="resizeable-element" border="0" align="center">
      <tr>
        <td class="bullet-pic-numbering-IE-hack" id="bullet-pic-numbering"><div align="center"><img class="what-you-get-image" src="/!images/misc/box-new-blue-2-done-without-cd's-1-solo-optimized-thumb.png" /></div></td>
        <td class="what-you-get-closing-table" id="bullet-numbering">1.</td>
        <td class="what-you-get-closing-table" id="table-offer-spacing"><span class="bullets bodytext noindent">You get your<strong> Immediate Download of this eBook</strong> delivered to your email, Windows &amp; Mac Compatible.</span>
          <p class="bullets bodytext noindent">That means you get <span class="style339">INSTANT ACCESS  DIGITAL-DELIVERY! </span><br />

      </tr>
    </table>

</body>

ansaurus

tags:

views:

answers:

Whats wrong with IE7 Image scaling Width to 100%? Fine in IE8

related questions