Problema con Internet Explorer

[sergi_multimedia]

Hola Carlangueitor, muchas gracias por los enlaces, la verdad es que me han servido, he podido solucionar los problemas de visualización con Internet Explorer 8....pero ahora es la versión 9 que no se visualiza bien (manda cojones!), la verdad es que da un poco de asco este navegador, porqué no pueden seguir los estándares como el resto de navegadores? Pero que hacen estos de Microsoft?

En fin, el problema es con las listas donde hay imágenes, y estas tienen un enlace.

Por ejemplo, en este enlace http://s310876771.mialojamiento.es/p...s/puecesa.html las puertas aún no he insertado ningún enlace, y se visualizan bien con Internet Explorer 9.

En cambio, las listas con imágenes y estas con enlaces se ve mal, como estas (tirar más abajo, justamente el primer trozo se ve bien) http://s310876771.mialojamiento.es/p...ta_design.html

Hay algo del css en los enlaces de las imágenes que no lo soporta IE.

Código HTML:

<ul class="imatges">
        <li><a href="../imatges/vita%20design/square/MM-MR-M1-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-BL-NG_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-M1-BM-NE_RGB_600_lienzo.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-BM-NE_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-M1-RO-GR_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-RO-GR_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-M1-WM-MR_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-WM-MR_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
        <li><img src="../imatges/fafafa.png" alt="" width="120" height="255" /></li>
        <li><div class="material2">SQUARE M1</div></li>
        <li><div class="material2">SQUARE M1</div></li>
        <li><div class="material2">SQUARE M1</div></li>
        <li><div class="material2">SQUARE M1</div></li>
        <li><div class="material2"><img src="../imatges/fafafa.png" alt="" width="1" height="1" /></div></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-M2-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M2-BL-NG_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-M2-GR-CC_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M2-GR-CC_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-M2-NCR-CN_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M2-NCR-CN_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
        <li><img src="../imatges/fafafa.png" alt="" width="120" height="255"/></li>
        <li><img src="../imatges/fafafa.png" alt="" width="120" height="255"/></li>
        <li><div class="material2">SQUARE M2</div></li>
        <li><div class="material2">SQUARE M2</div></li>
        <li><div class="material2">SQUARE M2</div></li>
        <li><div class="material2"><img src="../imatges/fafafa.png" alt="" width="1" height="1" /></div></li>
        <li><div class="material2"><img src="../imatges/fafafa.png" alt="" width="1" height="1" /></div></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-M3-BL-BC-BO-GR_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M3-BL-BC-BO-GR_RGB_120.jpg" alt="porta vita design square M3" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M1-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-NPAD-M1-BL-NG_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M2-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-NPAD-M2-BL-NG_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M2-GR-CC_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-NPAD-M2-GR-CC_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
        <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M1-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-PAD-M1-BL_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
        <li><div class="material2">SQUARE M3</div></li>
        <li><div class="material2">SQUARE M1 VIDRE</div></li>
        <li><div class="material2">SQUARE M2 VIDRE</div></li>
        <li><div class="material2">SQUARE M2 VIDRE</div></li>
        <li><div class="material2">SQUARE M10</div></li>
    
    </ul>
 

Código CSS:

ul.imatges  {
    width: 750px;
    list-style: none;
}
 
.imatges li {
    margin-right: 19px;
    display: inline;
    width: 120px;
    float: left;
}
 
.material2 {
    font-variant: normal;
    font-size: 11.5px;
    text-align: left;
    width: 119px;
    margin-right: 21px;
    float: left;
    font-family: Tahoma, Verdana, "Sans Serif";
    margin-bottom: 25px;
    display: block;
}
 

¿Puede que me falte añadir un "img a:link {?????}" en el css?

Gracias de antemano por todas las respuestas.

Un saludo!