z-index + margin en IE7

[Jsc_dark25]

Hola amigos, tngo un problemita, estoy por terminar una pagina web, q es la siguiente www.gutierrezbienesraices.com , y bueno, mi problema es el siguiente, si logran ver en la pagina, donde muestro las casas, tngo dos imagenes q uso, una q dice 'VER FICHA' y otro 'VENDIDO' u 'OFERTA' segun a lo q ven ahi, esas dos imagenes las tengo en un div, con z-index 4 y position:absolute, en los nabegadores IE8,IE9, FF3 ,4, FF5 , Opera; chrome, se ve todo bien, pero en IE7 las imagenes me sale abajo ...., no se en que estoy fallando .. espero me puedan ayudar. Gracias

[IEKK]

No he mirado muy de fondo como tienes tu CSS pero y si lo pones con la position relative debería situartelas por encima de las que están absolute sin problemas.
Por supuesto también debería llevar el z-index, que por si las dudas le puedes poner 99 y seguro que se queda encima de las demás xD (aunque en teoría le vale el mismo valor) .

[Jsc_dark25]

EN las dos imagenes que tengo problema, las tengo en DIVS y ahi mismo coloco el estilo:

Código HTML:

<div class="fichero">
 
    <div style="width:97px;height:19px;position:absolute;z-index:4;float:left;margin-top:9px;margin-left:111px;"><a href="index.php?dir=ver_inmueble"><img src="template/Inmuebles/pestana.png" border="0px"/></a></div>
    
    <!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido.png' o template/Inmuebles/etiqueta_oferta.png -->
    <div style="width:78px;height:78px;position:absolute;z-index:4;float:left;margin-top:-10px;margin-left:-10px;" class="etiqueta_normal"><img src="template/Inmuebles/etiqueta_oferta.png" border="0px"/></div>
    <!-- -->
    
    <div class="sombra">
            
            <div class="contenido" onmouseover="this.className='fichero_zoom'" onmouseout="this.className='contenido'">
            
                <!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido_zoom.png' o template/Inmuebles/etiqueta_oferta_zoom.png -->
                
                <div class="etiqueta_zoom"><img src="template/Inmuebles/etiqueta_oferta_zoom.png" border="0px"/></div>
                <!-- FIN -->
            
                <a href="index.php?dir=ver_inmueble"><img class="imagen" src="template/Inmuebles/img6.jpg" border="0px" /></a>
        
                <!-- VENTA U OFERTA -->
            <!-- <div class="venta estrangelo">VENTA</div> -->
                <div class="venta estrangelo" style="color:#D93132">OFERTA</div>
                
           <!-- <div class="venta_zoom estrangelo" style="font-size:17px;color:#2D4E25;display:none;">VENTA</div> -->
                <div class="venta_zoom estrangelo" style="font-size:17px;color:#D93132;display:none;">OFERTA</div>
        
                <div class="detalle estrangelo">
                CASA: Av. San Martín (detrás Hotel Yotaú),(Mostrar Max. 70 caracteres)
                </div>
                
                <div class="detalle_zoom estrangelo" style="font-size:14px;display:none;">
                CASA: Av. San Martín (detrás Hotel Yotaú), Santa Cruz (Mostrar Max. 100 caracteres)
                </div>
        
                <div class="leer_mas estrangelo"><a href="index.php?dir=ver_inmueble" style="text-decoration:none;color:#000000;">...Ver mas</a></div>
                
                <div class="leer_mas_zoom estrangelo" style="font-size:15px;display:none;"><a href="index.php?dir=ver_inmueble" style="text-decoration:none;color:#000000;">...Ver mas</a></div>
                
                <div class="precio_zoom estrangelo" style="display:none;"><a href="#" style="display:block;color:#FFFFFF;text-decoration:none;padding-top:3px;font-size:20px;">$us. 250.000</a></div>
                
                <script>
                    $('.contenido').mouseover(function() {
                        $('.fichero_zoom .precio_zoom').css("display","block");
                        
                        $('.fichero_zoom .etiqueta_zoom').css("visibility","visible");
                        
                        $('.fichero_zoom .venta_zoom').css("display","block");
                        $('.fichero_zoom .venta').css("display","none");
                        
                        $('.fichero_zoom .detalle_zoom').css("display","block");
                        $('.fichero_zoom .detalle').css("display","none");
                        
                        $('.fichero_zoom .leer_mas_zoom').css("display","block");
                        $('.fichero_zoom .leer_mas').css("display","none");
                                
                    });
                    
                    $('.contenido').mouseout(function() {
                        $('.precio_zoom').css("display","none");
                    
                        $('.etiqueta_zoom').css("visibility","hidden");
                        
                        $('.venta_zoom').css("display","none");
                        $('.venta').css("display","block");
                        
                        $('.detalle_zoom').css("display","none");
                        $('.detalle').css("display","block");
                        
                        $('.leer_mas_zoom').css("display","none");
                        $('.leer_mas').css("display","block");
                        
                    });
                </script>
            </div> 
        
    </div>
    
    <div class="precio estrangelo"><a href="#" style="display:block;color:#FFFFFF;text-decoration:none;">$us. 250.000</a></div>
    
</div>
 

EL problema viene en esta parte:

Código PHP:

<div style="width:97px;height:19px;position:absolute;z-index:4;float:left;margin-top:9px;margin-left:111px;"><a href="index.php?dir=ver_inmueble"><img src="template/Inmuebles/pestana.png" border="0px"/></a></div>
    
    <!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido.png' o template/Inmuebles/etiqueta_oferta.png -->
    <div style="width:78px;height:78px;position:absolute;z-index:4;float:left;margin-top:-10px;margin-left:-10px;" class="etiqueta_normal"><img src="template/Inmuebles/etiqueta_oferta.png" border="0px"/></div>
    <!-- -->
 

El primer div es la imagen de VER FICHA y el segun DIV es la imagen redonsa OFERTA o VENDIDO. No me funciona en IE7!!

[IEKK]

¿Probaste con relative en la imagen redonda?

[Jsc_dark25]

IEKK , tienes email??? .. para asi comunicarnos mejor? .. Por fa