No hay caso. A estas alturas he intentado un montón de cosas y aún no se termina de resolver el problema en IE.
Ésta es la página que presenta el lío con los fondos:
http://www.carpinteria.com.ve/index....mart&Itemid=29
Cada cuadro o sección correspondiente al producto genera un código repetitivo que es éste:
Código HTML:
<div class="ecProducto" id="row_4780f24a8fd60">
<div class="imagen">
<script type="text/javascript">//<![CDATA[
document.write('<a href="javascript:void window.open(\'http://www.carpinteria.com.ve/components/com_virtuemart/shop_image/product/07ffe9ddca242b2977390ad6051dc163.jpg\', \'win2\', \'status=no,toolbar=no,scrollbars=no,titlebar=no,menubar=no,resizable=no,width=500px,height=500px,directories=no,location=no\');">');
document.write('<img src="http://www.carpinteria.com.ve/components/com_virtuemart/show_image_in_imgtag.php?filename=bb86c62b0e07a1eab2e3798a9662df7d.jpg&newxsize=150&newysize=150&fileout=" class="img100px" border="0" title="Arme su Puerta (cerezocpanel)" alt="Arme su Puerta (cerezocpanel)" /></a>' );
//]]>
</script>
<noscript>
<a href="http://www.carpinteria.com.ve/components/com_virtuemart/shop_image/product/07ffe9ddca242b2977390ad6051dc163.jpg" target="_blank" title="Arme su Puerta (cerezocpanel)">
<img src="http://www.carpinteria.com.ve/components/com_virtuemart/show_image_in_imgtag.php?filename=bb86c62b0e07a1eab2e3798a9662df7d.jpg&newxsize=150&newysize=150&fileout=" class="img100px" border="0" title="Arme su Puerta (cerezocpanel)" alt="Arme su Puerta (cerezocpanel)" />
</a>
</noscript>
<p style="text-align: center; margin-top: 6px;">Agrandar Imagen</p>
</div>
<div class="datos">
<div class="nombre">
<h3><a title="Arme su Puerta (cerezocpanel)" href="http://www.carpinteria.com.ve/index.php?page=shop.product_details&flypage=shop.flypage&product_id=25&category_id=21&manufacturer_id=0&option=com_virtuemart&Itemid=29">Arme su Puerta (cerezocpanel)</a></h3>
</div>
<div class="descripcion">
Usted decide qué llevará su Puerta. ¡Ármela Ud. mismo(a) con nosotros!Sólo coloque los datos en el formulario para saber el costo y -si es de su satisfacción- proceder con la transacción para su posterior entrega.
</div>
<div class="precio">
<p class="ecTextOferta">Oferta</p>
<p class="ecTextPrecio">Bs.F: 382</p>
<p class="negrita">(incluye IVA 9 %)</p>
</div>
<div class="detalles">
<a href="http://www.carpinteria.com.ve/index.php?page=shop.product_details&flypage=shop.flypage&product_id=25&category_id=21&manufacturer_id=0&option=com_virtuemart&Itemid=29" title="Ver Detalles">Ver Detalles...</a>
</div>
</div>
</div>
Éste es un ejemplo de la falla visual que da IE. Fíjense cómo corta los textos, los cuales aparecen de nuevo al mover la rueda del ratón:
Los archivos CSS correspondientes:
CSS de la Tienda, donde se encuentran la mayoría de los estilos del HTML de arriba:
http://www.carpinteria.com.ve/templa...los_tienda.css
CSS general de toda la página:
http://www.carpinteria.com.ve/templa..._generales.css
Y el CSS de IE:
http://www.carpinteria.com.ve/templa.../iexplorer.css
Si alguien logra ver la falla, en serio agradecería su ayuda. Este rollo con IE6 ya me está sacando de quicio.