Problema con Css con mozilla

[kseso?]

yo no veo scroll en los .ampliar:hover span
Lo que sí, que están descentrados.
A .ampliar dale "position:relative;"
Tienes dos definiciones en el css para ellos, elimina ésto:

.ampliar:hover span {
margin-left:5.5em;
margin-top:auto;
}

Y déjalo así:

Código css:

.ampliar:hover span {
background-color:#FFFFFF;
border:1px solid #D7BA7F;
color:#333333;
cursor:text;
display:block;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:1.1em;
font-weight:normal;
letter-spacing:0;
line-height:190%;
margin:0;
padding:15px;
position:absolute;
text-align:justify;
top:0;
visibility:visible;
width:30em;
z-index:100;
float:left;
}
 

Ajusta el margen como quieras y suprime los saltos de línea que tienes en él (<br />)

Con lo anterior, aparece ese div encima de su contenedor y no tan separado de él. A las otras imágenes o le das las misma clase o cambias ".ampliar2".

Un saludo

P.D.: ie6 SÓLO reconoce los :hover sobre los enlaces.