Problema con Repeticion en Tablas

[JuJoGuAl]

Buenas amigos estoy haciendo una web para una tienda y tengo un diseno para mostrar la informacion de un producto, ahora en una de mis tablas, la tabla esta compuesta por 3 filas donde la primera tiene 4 celdas y la 2 segundas filas tiene solo 3 (obvio en ellas use la etiqueta COLSPAN)

ahora bien en una de las celdas uso php para traerme datos de mysql y mostrarlo (lo que hace que la celda se estire)

bueno entrando al problema en mozilla y Iexplore 9 y chrome se ve perfecto pero cuando abro la pagina en Iexporer 8 se ve mal puesto esta estirando una tabla a la que le di un width=50 entonces no entiendo porque me la estira... :S pongo el codigo y apuntare que me esta haciendo mal:

Código HTML:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                    <tr>
                        <td width="11" height="11"><img src="imagenes/ListEsq1.png"></td>
                        <td height="11" background="imagenes/ListBg1.png"></td>
                        <td height="11" [COLOR="red"]width="50"[/COLOR] background="imagenes/ListBg1.png"></td>
                        <td width="28" height="11"><img src="imagenes/ListEsq2.png"></td>
                    </tr>
                    <tr>
                        <td width="11" background="imagenes/ListBg2.png"></td>
                        <td colspan="2" bgcolor="#C7C4C4">
                        <table width="180" height="30" border="0" cellspacing="0" cellpadding="0">
                        <!--Esta Tabla tiene los Preliminares del Producto-->
                            <tr>
                                <td class="TitArt" valign="top"><img src="imagenes/Circulo1.gif">  <?php echo $productosrow['producto']; ?></td>
                            </tr>
                            
                        </table>
                        </td>
                        <td width="28" background="imagenes/ListBg4.png"></td>
                    </tr>
                    <tr>
                        <td width="11" height="58"><img src="imagenes/ListEsq3.png"></td>
                        <td height="58">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" height="58" background="imagenes/ListBg3.png">
                                <tr>
                                    <td width="100%"></td>
                                </tr>
                            </table>
                        </td>
                        <?php
                        $producto=$productosrow['ID'];
                        $producto=base64_encode($producto);
                        $url="?page=DetallesProductos&productoid=$producto";
                        ?>
                        <td colspan="2" [COLOR="Red"]width="78"[/COLOR] height="58"><img src="imagenes/ListEsq4.png" /></td>
                    </tr>
                </tbody>
            </table>
 

ps en Rojo estan las celdas que se ven Extiradas pero no deberian puesto tienen un WIDTH limitado que puedo hacer para resolver...

[emprear]

mostra el código generado, no el php

Saludos