Buenas llevo dos dias buscando una solucion para esto que quiero hacer, he visto muchas personas que buscaban algo parecido y las respuestas les habian funcionado pero a mi no me funciona ninguna. Lo que trato de hacer es poner un TD y dentro de el dos <div> y que se superpongan una sobre otra con una imagen cada una y las imagenes son del mismo alto y ancho.
Actualmente lo tengo asi:
<td rowspan="3" align="center" class=mws_boxcenter_module><?php echo '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $featured_products['products_id']) . '"><div class="imag">' . tep_image(DIR_WS_IMAGES . $featured_products['products_image'], $featured_products['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</div></a><div class="xv"><img src="images/transpa.png" ></div>'; ?></td>
He probado a poner los divs en diferentes posiciones y muchas maneras pero no consigo que encaje una imagen justo sobre la otra.
div.xv {
float:left;
position:relative;
z-index:2;
width:120px;
}
div.imag {
width:120px;
}
Lo maximo que he conseguido es que funcione en firefox pero me falla en IE cambiando la position a absolute pero se sale del <td> y lo imprescindible es que quede dentro y tampoco puedo ubicarlo con px porque es el codigo para añadir 20 imagenes por pagina y no puedo posicionarlas a todas y por eso necesito que funcione con positicion relative, aunque lo cierto es que no conosco mucho de CSS y seguro que algo estoy haciendo mal. A ver si alguien puede echarme una mano con esto. Muchas gracias