Problemas con Jquery Lightbox IE

[alvarols]

Hola, tengo un problema con este plugin. En el IE6 me aparece solo el fondo semitransparente pero no me carga las imágenes. Copié el código tal cual del demo (donde en el demo si funciona).

Aislando el problema puedo ver que la plantilla css de mi página está provocando el conflicto, pero no se en que.

Este es el css de mi sitio

Código:

@charset "utf-8";
/* CSS Document */

body{
background:#FFFFFF url(images/fondo.jpg) repeat-x;
margin:0;
padding:0;
}

h1{
font-family: "Times New Roman";
font-size:46px;
font-weight:normal;
letter-spacing:-2px;
}

h2{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:16px;
font-weight:lighter;
letter-spacing:-1px;
}

h2 b{
font-weight:bold;
}

h3{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
}

h4{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:16px;
font-weight:lighter;
letter-spacing:-1px;
margin: 0px;
}

h5{
font-family: "Times New Roman";
font-size:38px;
font-weight:normal;
letter-spacing:-2px;
color:#666666;
margin:0px;
}

#cuerpo{
display:block;
position:relative;
width: 1024px;
height:1010px;
margin: 0 auto;
background:url(images/cuerpo.gif) repeat;
}

#arriba{
display:block;
position:relative;
width:998px;
height:532px;
background:url(images/araguate.jpg);

margin:0 auto;
}

#contenedor1{
position:relative;
width:960px;
height:332px;
padding-top:200px;
margin: 0 auto;
}

.zurdo{
width:460px;
display:block;
position:relative;
height:300px;
float:left;
}


.zurdo h1{
color:#FFFFFF;
margin:0px;
}

.zurdo h2{
color:#FFFFFF;
margin-top:20px;
}

.derecho{
width:460px;
display:block;
position:relative;
height:300px;
float:right;
}

/* Google Maps*/

#map{
display:block;
width:452px;
height:272px;
float:right;
margin-top:10px;
border:#FFFFFF 4px solid;
}



#message { position:absolute; padding:10px; background:#555; color:#fff; width:75px; }

/* Imágenes Aleatorias*/

#test3{
display:block;
width:452px;
height:272px;
margin-top:10px;
border:#FFFFFF 4px solid;
}

/* Lightbox*/






#barramenu{
display:block;
position:relative;
width:998px;
height:66px;
margin-bottom:0px;
background:#8bbb36;
}

#barramenu ul{
float:left;
margin-top:14px;
margin-left:14px;
padding:0px;
}

#barramenu ul li{
display:inline;

}

#barramenu ul li h3{
display:inline;
margin:0px 43px 0px 43px;
font-family:'Times new roman';
letter-spacing:-1px;
font-weight:normal;
font-size:28px;
color:#FFFFFF;
}

#barramenu ul li h3 a{
font-family:'Times new roman';
letter-spacing:-1px;
font-weight:normal;
font-size:28px;
color:#FFFFFF;
text-decoration:none;

}

#barramenu ul li h3 a:hover{
color:#EEEEEE;
text-decoration:none;

}

#cosadeabajo{
display:block;
position:relative;
width:998px;
float:left;
height:auto;
margin:0 auto;
background:#FFFFFF url(images/abajodelabarra.jpg) no-repeat;
}

.contenedorbajo{
display:block;
position:relative;
width:960px;
margin:0 auto;
}

.abajozurdo{
display:block;
position:relative;
width:460px;
height:auto;
float:left;
margin-top:20px;
}

#form{
display:block;
margin:0px;
}

.mg {margin: 20px;}
.mg h4{color:#666666;}
#returned_value{text-align:center;font-size:12px;color:#000000}
#go, input{border:1px solid #CCCCCC;background:#FFF}


.abajoderecho{
display:block;
position:relative;
width:460px;
height:auto;
float:right;
margin-top:20px;
}

.abajoderecho h4 {
color:#666666;
}

#prefooter{
display:block;
position:relative;
background:url(images/prefooter.gif) no-repeat;
margin:0 auto;
width:800px;
height:80px;
}

#footer {
display:block;
position:relative;
float:left;
background: #0058e6;
width:100%;
height:40px;
}

#footer h4{
font-size:15px;
text-align:center;
color:#FFFFFF;
}

[alvarols]

Este es el css del lightbox:

Código:

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

[elfleat]

Iniciado por alvarols

Hola, tengo un problema con este plugin. En el IE6 me aparece solo el fondo semitransparente pero no me carga las imágenes. Copié el código tal cual del demo (donde en el demo si funciona).

Aislando el problema puedo ver que la plantilla css de mi página está provocando el conflicto, pero no se en que [...]

Finalmente lograste solucionar el inconveniente?

Tengo el mismo problema que tú...