Hi

Today a faithful image module I have been using for 6 months suddenly started stacking images when they shouldn't stack. Can anyone take a look at my code and offer opinion/advice or preferable a fix :)


<!-- xxxxxxxxxx 2 X IMG START xxxxxxxxxx -->

<!-- CONTAINER TABLE -->
<table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; background: #fefefe;" width="100%">
 <tbody>
    <tr>
      <td align="center" class="pb0" style="padding: 10px 0px 0px 0px; background: transparent;">

       <!-- WRAPPER TABLE -->
       <table border="0" cellpadding="0" cellspacing="0" class="wrapper" width="700">
          <tbody>
             <tr>
                <td style="background:#ffd8df; padding: 0px 0px 0px 0px;">

                <!-- 2 COLUMNS -->
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                   <tbody>
                      <tr>
                         <td>

                         <!-- LEFT COLUMN -->
                         <table align="left" border="0" cellpadding="0" cellspacing="0" width="49%">
                            <tbody>
                               <tr>
                                  <td>

                                  <!-- IMAGE -->
                                  <table border="0" cellpadding="0" cellspacing="0" width="99%">
                                     <tbody>
                                        <tr>
                                           <td align="center"><a href="https://www.missguided.co.uk/dresses" target="_blank"><img alt="shop dresses" border="0" class="fluid-image" height="auto" src="images/Image-1.jpg" style="display: block; padding: 0; color: #ffffff; font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; background-color: #transparent;" width="350" /></a></td>
                                        </tr>
                                     </tbody>
                                  </table>
                                  </td>
                               </tr>
                            </tbody>
                         </table>

                         <!--[if gte mso 9]></td><td><![endif]-->

                         <!-- RIGHT COLUMN -->
                         <table align="left" border="0" cellpadding="0" cellspacing="0" width="49%">
                            <tbody>
                               <tr>
                                  <td class="mobile-column-right">

                                  <!-- IMAGE -->
                                  <table border="0" cellpadding="0" cellspacing="0" width="99%">
                                     <tbody>
                                        <tr>
                                           <td align="center"><a href="https://www.missguided.co.uk/footwear" target="_blank"><img alt="shop shoes" border="0" class="fluid-image" height="auto" src="images/Image-1.jpg" style="display: block; padding: 0; color: #ffffff; font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; background-color: #transparent;" width="350" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<!-- xxxxxxxxxx 2 X IMG ENDS xxxxxxxxxx -->     

>