El otro problema se debe a esto:
Cita: a span {
visibility:hidden;
text-align:center;
font:bold 14px "Trebuchet MS",arial;
position:absolute;
top:295px;
left:240px;
border:0px solid #fff;
z-index:10;
}
Con la posición absoluta le estás pidiendo que las imágenes grandes siempre salgan a 295px de arriba y 240 de la izquierda sea como sea esa la ventana, y claro no siempre encaja donde quieres.
Prueba añadiendo posicion relativa a tu div <div id="alrededor">:
Cita: #alrededor {background-image:url(fondo_alrededor.jpg);
background-repeat:repeat-y;
height:auto;
margin-left:auto;
margin-right:auto;
width:900px;
position:relative;
}
y recolocando un poco las imágenes centrales.