sovrapposizione lighbox con css

[fanoste]

ciao a tutti...
ho un piccolo problema di sovrapposizioni...
mi spiego..
ho 3 div:
header
central
footer

e ho nascosto le barre di scorrimento verticale.

in pratica la pagina deve essere a schermo intero senza scorrimento.
fin qui tt ok.

ora nella div centrale ha una galleria di immagini e volevo utilizzare lo script lightbox così cliccando sulla miniatura posso vedere l'immagini sovrapposta grande.

il problema è che me la visualizza fino ad un certo punto andando in secondo piano rispetto al footer... allego uno screenshot per farvi capire meglio...

mentre questo è il css..

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
	background:#000;
	overflow:hidden;
}
a {
			color:#ccc;

	text-decoration: none;
}
a.selezionato{
	color:#ef4338;
	text-decoration:none;
	
}
selezionato{
	color:#ef4338;
	text-decoration:none;
	
}

p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	min-width: 800px;
	max-width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 100px;
	background: #000000;
	text-align:right;
	padding-top:60px;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 100px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 150px;
	text-align:right;
}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 150px;
	height:600px;
	margin-left: -100%;
	position: relative;
	background:#000;
		font-family:Arial;
	font-size: 14px;
	text-align: right;
	text-decoration:none;
	color:#ccc;
	height:auto;

}
#menu {
	width:145px;
	position: absolute;
	bottom:0;
	background:#000;

}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -100px auto 0;
	min-width: 800px;
	max-width: 1000px;
	height: 100px;
	background: #000000;
	position: relative;
	font-family:Arial;
	font-size:11px;
	color:#CCC;
	text-align:center;
	padding-top:60px;
}
/*rounded corner
/* @group rounded-corners pics */

.rounded_wrapper {
	position: relative;
}

.rounded_wrapper img {
	border-width: 0;
	border-style: none;
}

.rounded_wrapper div {
	height: 7px;
	position: absolute;
	width: 100%;
}

.rounded_wrapper .tl {
	top: 0;
	left: 0;
	background: url(img/rounded_corners/tl.gif) no-repeat left top;
}

.rounded_wrapper .tr {
	top: 0;
	right: 0;
	background: url(img/rounded_corners/tr.gif) no-repeat right top;	
}

.rounded_wrapper .br {
	bottom: 0;
	right: 0;
	background: url(img/rounded_corners/br.gif) no-repeat right bottom; 
}

.rounded_wrapper .bl {
	bottom: 0;
	left: 0;
	background: url(img/rounded_corners/bl.gif) no-repeat left bottom;
}

/* IE6 fix */
.ie6_width .tr {
	right: -1px;
}

.ie6_width .br {
	right: -1px;
}

.ie6_height .br {
	bottom: -1px;
}

.ie6_height .bl {
	bottom: -1px;
}

/* @end */



.menufont {
	font-family:Arial;
	font-size: 14px;
	text-align: right;
	text-decoration:none;
	
}
.contactfont {
	font-family:Arial;
	font-size: 11px;
	text-align: right;
	text-decoration:none;
	color:#ccc;
	
}
.descrizione {
	font-family:Arial;
	font-size: 11px;
	text-align: center;
	text-decoration:none;
	color:#ccc;
	
}
.pressfont {
	font-family:Arial;
	font-size: 11px;
	text-align: left;
	text-decoration:none;
	color:#ccc;
	
}
.miaclasse {
    position: relative;
    display: inline-block;
    border:3px solid white;
    border-radius:15px;
    /* bordo in ie6/7 per lo meno quadrato (non testato) */
    *display: inline;
    zoom: 1
}

.miaclasse img {
    display: block;
    border-radius:10px; /*border radius del contenitore diminuito dello spessore della linea*/
}

c'è modo di risolvere sto inghippo?