problema css con lightbox

[thenax]

ho sicuramente un problema di css con lightbox nel senso che su IE7 se apro una foto di un monumento a caso su http://www.itinerarinelmondo.net/iti...nvia&giornoX=1 ad esempio southwark cathedral questa foto si apre al di fuori della maschera di overlay invece su firefox questo non succede.
come mai?

[thenax]

Originariamente inviato da thenax
ho sicuramente un problema di css con lightbox nel senso che su IE7 se apro una foto di un monumento a caso su http://www.itinerarinelmondo.net/iti...nvia&giornoX=1 ad esempio southwark cathedral questa foto si apre al di fuori della maschera di overlay invece su firefox questo non succede.
come mai?

in pratica l'errore è in questo script che ho isolato dal foglio css.....la cosa curiosa è che se elimino tutto questo lightbox funge perfettamente, se tolgo le impostazioni a gruppi di 3/4 o anche uno solo per volta tanto per provare....lightbox non funziona cmq!

<style type="text/css">
<!--
.ws22 {font-size: 29px;}
#menuverticale {
position:absolute;
width:178px;
height:256px;
z-index:1;
left: 1px;
top: 192px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#Layer2 {
position:absolute;
width:727px;
z-index:2;
left: 259px;
top: 325px;
}
#Layer3 {
position:absolute;
width:750px;
height:39px;
z-index:1;
top: 20px;
}
#Layer4 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 196px;
top: 473px;
}
#menuorizzontale {
position:absolute;
width:727px;
height:23px;
z-index:2;
left: 237px;
top: 162px;
background-color: #e6f3ff;
}
#itinerario {
position:absolute;
width:727px;
z-index:3;
left: 259px;
top: 47px;
border: 0px none #CCCCCC;
list-style-image: none;
list-style-type: none;
padding-right: 5px;
padding-left: 5px;
height: 565px;
}
#Layer7 {
position:absolute;
width:200px;
height:144px;
z-index:4;
left: 964px;
top: 195px;
}
#listamappe {
position:absolute;
width:190px;
z-index:4;
left: 1045px;
top: 265px;
text-indent: 2px;
display: inline;
letter-spacing: normal;
border: 0px solid #CCCCCC;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 8px;
}
#contactus {
position:absolute;
width:1239px;
height:24px;
z-index:5;
left: 1px;
top: 804px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 8px;
}
.Stile56 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0033CC;
font-size: 18px;
font-style: normal;
}
#menu { position:absolute;
width:149px;
height:256px;
z-index:1;
left: 0px;
top: 266px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.Stile58 { font-size: 12px;
color: #0033CC;
font-style: italic;
font-weight: bold;
}
.Stile59 {color: #0033CC}
.Stile60 {font-size: 12px}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 1009px;
top: 460px;
}
.Stile61 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3366cc;
font-weight: bold;
}
.Stile63 {line-height:20px; letter-spacing:.1em; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366;}
.Stile65 {font-size: smaller; }
.Stile67 {font-size: 10px}
#apDiv1 {
position:absolute;
width:727px;
height:40px;
z-index:5;
left: 259px;
top: 237px;
}

-->
</style>

[thenax]

sono riuscito ad isolare il problema

è causato dalla position: absolute. purtroppo non posso eliminarlo perchè altrimenti la pagina mi si incasina......come posso risolvere diversamente?

#itinerario {
position:absolute;
width:727px;
z-index:3;
left: 259px;
top: 324px;
border: 0px none #CCCCCC;
list-style-image: none;
list-style-type: none;
padding-right: 5px;
padding-left: 5px;
height: 565px;
}