Problema de capas que se superponen

[mayid]

Estoy usando Flickr Gallery para mostar unas imagenes. Aquí:
http://libasoles.com.ar/3d.php?c=ArtofIllusion

El problema es que el pequeño menu con un slider muchas veces se posiciona encima de la imagen mayor. Y eso no debería pasar.

Esto pasa cuando se entra en la pagina y se tarda en cargar la primera imagen. O cuando se hace click sobre una imagen grande y luego en una imagen chica.

Tengo detectados los divs involucrados, y se que no tienen propiedad float. Entonces no se por qué se ponen uno encima del otro!

Para tratar de corregir el problema intente con display: block y con position: relative, pero no hay caso:

div.sliderGallery_Wrap, div.largeImage {background: #111; display: block; position: relative !important}

Alguna ayuda?

nota: también intenté con position: static . Y con todo esto:

display: block !important;
position: relative !important;
clear: both !important;

[mayid]

Ah! Esto solo pasa en servidor remoto. Y tiene que ver seguramente con lo que tardan en cargar las fotos.

Hay un div llamado: largeImage_Wrap que al parecer actualiza su tamaño antes de cargar la foto, causando problemas porque el tamaño se ve reducido a una medida irreal. :(

editado:

Estuve probando esto y es tal cual lo que pensaba:

if (largeImage.find('img')){

alert("calculando altura: "+largeImage.find('img').height()+"px");
}

Es decir, el script trata de calcular la altura de las imagenes antes de que se carguen, y la respuesta es 0. Ese 0 se le adjudica al alto del div.

Trate de solucionarlo así:

if (largeImage.find('img').height() == 0){
calcHeight;
//alert("calculando altura: "+largeImage.find('img').height()+"px");
}

Es decir, reinicializando la funcion, pero no funciona.

[mayid]

Bueno, despues de probar condicionales, lo arregle con CSS. Pero pierdo el efecto easing!

div.largeImageWrap{
height: auto !important
}

Una verdadera lastima.

[mayid]

Una segunda solución que encontré, apenas mejor, es agregar una linea en este condicional:

if ( options.galleryHeight == 'auto' ) {
largeImageWrap.animate({
height: imgHeight+captionHeight+'px'
}, function(){ largeImage.find('img').fadeIn(); imgCaption.fadeIn(); $("div.largeImageWrap").css("height","auto");});
}

o esta: if ($("div.largeImageWrap").height() == 35){$("div.largeImageWrap").css("height","auto");}

[mayid]

:( No, hoy descubrí que no está solucionado.

La flick Gallery es linda pero falla con el calculo del alto de las fotos, y da lugar a superposiciones de contenidos.

El problema principal está en esta funcion: calcHeight()

Ahí es donde estoy luchandola.