Resim Galerisi Konum Belirleme Problemi

Arkadaşlar bir problemim var jquery ile ilgili de olabilir fakat ben css kodlarından kaynaklandığı kanaatindeyim. http://www.promosyonuretimi.com/standart-oto-kokusu.html adresinde resimlere tıklandığı zaman aktif olan bir resim galerim var. Ancak fazlasıyla aşağıda açılıyor. İncelerseniz demek istediğimi anlayacaksınız. Bir başka problem ise sayfa tam yüklenmeden resimlere tıklandığında yeni sayfada açıyor. Ancak bu sorun pekte önemli değil. Çözüm önerilerinizi bekliyorum. Şimdiden teşekkürler

Css kodları aşağıdaki gibidir
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height:100%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/geri.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/ileri.png) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


merhaba arkadaşlar yeni konuyu nereden ve nasıl açtığımız konusunda yardımcı olur musunuz? Teşekkür Eederim.