Hello,

Does anyone has got idea why Chrome (and all other using Webkit) is not properly resizing image. I has got such HTML code:

 <table width="100%" cellpadding="0" cellspacing="0" border="0"> // container table to center content table
      <tr>
       <td align="center">
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px; font-size:100%;"> //content table
         <tr>
          <td width="100%" align="center">
           <table width="100%" cellpadding="0" cellspacing="0" border="0"> // table for not working properly image resize

             <tr>

                <td align="center" width="9%" class="mobilesmalltd" style="max-width:54px;">

                 <img src="images/image.jpg" alt="" width="100%" style="display:block; max-width:54px;" border="0" class="mobilesmall" align="middle" /> //first image

                </td>

                <td align="center" width="82%" class="mobilemediumtd mobiletext" style="font-size:120%; font-family: Georgia, 'Times New Roman', Times, serif; color:#9c8a67; text-decoration:none; font-style:italic; max-width:492px; max-height:45px;">

                 <a style="font-size:120%; font-family: Georgia, 'Times New Roman', Times, serif; color:#9c8a67; text-decoration:none; font-style:italic;" class="mobiletext">
                    Text
                 </a>

                </td>

                <td align="center" width="9%" class="mobilesmalltd" style="max-width:54px;">

                 <img src="images/image.jpg" alt="" width="100%" style="display:block; max-width:54px;" border="0" class="mobilesmall" align="middle" /> //last image

                </td>

               </tr>

              </table>
            </td>

          </tr>

        </table>
       </td>

     </tr>

    </table>

And when I resize it in webkit engine from time to time the last image is a 1 px smaller (width and height - for example first is 25px x 21px the last one is 24px x 20px) from this one from the begining. The issue is I think there is a text between them, and webkit is not resizing it properly. IE/FF everything is cool, no missing pixels anywhere. In CSS classes I add only "height: auto !important;" property(just for tests). Anyone has got idea why he is he doing this way?

As you can see the table cells are the same, img tag too.

Thanks