Problema con versiones...

[Mikmoro]

Lo primero identifiquemos el problema, por si a alguien le pasa lo mismo:

Como ya recordarás, en FF un bloque que contenga otros bloques no crece sin más para albergarlos si no le das un corte al final del contenido, pero en explorer sí, por eso, si usas una imagen de fondo en un bloque, en FF se verá lo que ocupe la línea de texto pero no lo que ocupen otros bloques dentro del principal (porque no crece), pero en explorer se verá el fondo del total del contenido (porque sí crece), y por eso en tu caso se te ve todo el gráfico. (Por cierto: bonita forma de resolver que se vea la parte de arriba o la de abajo con un sólo gráfico según el caso; ya lo había visto y me gusta es idea).

Entonces la solución:
mi propuesta es que no uses el fondo en el div que contiene toda la parte del pie de foto (por decir así), sino en el título del pie. Para eso te cambio un poco el código html y el css.

En el código html, renombro el div a "botones" para llamarlos a todos igual, y paso las clases ps-dw etcétera al título:

<li class="galeriaimagenes"><a href="imagenes/pantallas/grandes/tondello.jpg" rel="lightbox" title="Inmobiliaria Tondello"><img src="imagenes/pantallas/tondello.png" alt="Inmobiliaria Tondello" /></a><br />
<div class="botones"><span class="ps-dw-fl">Inmobiliaria Tondello</span><br />
<span class="info">Web Site Institucional || en desarrollo</span></div>
</li>

<li class="galeriaimagenes"><a href="imagenes/pantallas/grandes/ecobox.jpg" rel="lightbox" title="EcoBox Mamparas"><img src="imagenes/pantallas/ecobox.png" alt="EcoBox Mamparas" /></a><br />
<div class="botones"><span class="ps-dw">EcoBox Mamparas</span><br />
<span class="info">Web Site Institucional || <a href="http://www.ecoboxmamparas.com.ar" target="_blank" title="EcoBox Mamparas" class="enlacedesarrollos">on-line</a></span></div>
</li>

<li class="galeriaimagenes"><a href="imagenes/pantallas/grandes/kuarta.jpg" rel="lightbox" title="Kuartadimension"><img src="imagenes/pantallas/kuarta.png" alt="Kuartadimension" /></a><br />
<div class="botones"><span class="ps-dw">Kuartadimension</span><br />
<span class="info">Web Site Institucional || <a href="http://www.kuartadimension.com.ar" target="_blank" title="Kuartadimension" class="enlacedesarrollos">on-line</a></span></div>
</li>

<li class="galeriaimagenes"><a href="imagenes/pantallas/grandes/mente.jpg" rel="lightbox" title="Mente Argentina"><img src="imagenes/pantallas/mente.png" alt="Mente Argentina" /></a><br />
<div class="botones"><span class="ps-dw-fl">Mente Argentina</span><br />
<span class="info">Web Site Institucional || en desarrollo</span></div>
</li>

<li class="galeriaimagenes"><a href="imagenes/pantallas/grandes/caballetes.jpg" rel="lightbox" title="Basta de Caballetes"><img src="imagenes/pantallas/caballetes.png" alt="Basta de Caballetes" /></a><br />
<div class="botones"><span class="ps-dw-fl">Basta de Caballetes</span><br />
<span class="info">Web Site Institucional || en desarrollo</span></div>
</li>

<li class="galeriaimagenes"><a href="imagenes/pantallas/grandes/gescosa.jpg" rel="lightbox" title="Gescosa"><img src="imagenes/pantallas/gescosa.png" alt="Gescosa" /></a><br />
<div class="botones"><span class="ps-dw">Gescosa</span><br />
<span class="info">Web Site Institucional || en desarrollo</span></div>
</li>

y en la css te cambio las clases ps-dw-fl, ps-dw y título por estas:

.botones{
margin-top:5px;
height:14px;
float: left;
}
.ps-dw-fl, .ps-dw {
background-image:url(ps-dw-fl.png);
background-repeat:no-repeat;
font-size:11px;
color:#5c5c5c;
text-transform:uppercase;
font-weight:bold;
padding-left: 60px;
}
.ps-dw{
background-position:bottom left;
}

Haz estos cambios con cuidado y creo que saldrá lo que quieres.

Mikel.