Problema firefox/IE ajustar imagen a una celda

[SoKoMcete]

Buenas tardes.

Tengo un problema que no se como solucionar, y os lo comento por si pudierais ayudarme.

Tengo un código, el cual, se me ve perfectamente en firefox, pero no en IE.

El código es el siguiente:

Código PHP:

  <div>
<table border="1" width="90%" align="center" cellspacing="0" cellpadding="0">
    <tr>
        <td width="30%" bgcolor="ffb82c">
            <img src="imagenes/composicioinici.jpg" align="left" width="55%"/>
        </td>
        <td width="40%"  bgcolor="ffb82c" align="center">
            <a href="paginas/qui-soc.html"><img src="imagenes/presentacio1.jpg" style="width: 60%;"name="BotoA" onMouseOver="MM_swapImage('BotoA','','/imagenes/botopresentacio1.jpg',1);MM_swapImage('BotoA','','imagenes/botopresentacio1.jpg',1)" onMouseOut="MM_swapImgRestore()" /></a>
            <br />
            <a href="paginas/treballs.html"><img src="imagenes/presentacio2.jpg" width="60%" name="BotoB" onMouseOver="MM_swapImage('BotoB','','/imagenes/botopresentacio2.jpg',1);MM_swapImage('BotoB','','imagenes/botopresentacio2.jpg',1)" onMouseOut="MM_swapImgRestore()" /></a>
            <br />
        
            <a href="paginas/contacte.html"><img src="imagenes/presentacio3.jpg" width="60%" name="BotoC" onMouseOver="MM_swapImage('BotoC','','/imagenes/botopresentacio3.jpg',1);MM_swapImage('BotoC','','imagenes/botopresentacio3.jpg',1)" onMouseOut="MM_swapImgRestore()"/></a>
 
        </td>
        <td width="30%" bgcolor="ffb82c">
            <img src="imagenes/composicioinici2.jpg" align="right" width="55%"/>
        </td>
    </tr>
</table>
 
</div> 
   

El problema está en que yo quiero redimensionar las imágenes a un % del tamaño de la celda.
Firefox me lo redimensiona pero IE no.

Ejemplo:
Si la celda tiene un ancho de 500 y la imagen tiene un ancho de 600, firefox redimensiona un 60% de 500, e IE redimensiona un 60% de 600, con lo cual, la visualización final es distinta.


¿Alguien sabe si hago algo mal?



Saludos y gracias.

[SoKoMcete]

Buenos días.

Por lo que pude leer ayer por ahí, el problema está en que todos los navegadores, exceptuando IE en Windows, interpretan una cosa, e IE interpreta otra.

Parece ser que firefox y otros, interpretan el width en porcentaje sobre el tamaño del bloque donde lo utilizas, mientras que IE interpreta el width en porcentaje sobre el tamaño total de la página, con lo cual, el resultado final puede ser muy distinto.


De momento no he encontrado ninguna solución al problema, con lo que podría ser que tuviera que rehacerlo todo...


Si alguien tiene algo con lo que pudiera orientarme se lo agradecería.



Saludos y hasta otra.