Ciao, ho il seguente problema, sto finendo di realizzare un sito per un azienda, devo inserire una galleria fotografica, ho pensato di usare Jalbum, anche perché non ne conosco di simili. Ora, una volta creata la galleria voglio inserirla in un div class "text" presente nel sito, ho pensato di usare un iframe (se conoscete altri metodi, ben vengano). Il problema é che la galleria compare, ma sfasata dal limite inferiore del sito, non riesco a capire come allinearla perfettamente ai bordi del div "text" nella quale risiede l iframe.

Posto il codice
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>galleria</title> <style type="text/css"> .sidebar { 	float: left; } .content { 	float: right; } .html, body { 	text-align: center;    /* per IE6- */ 	font-size: 100%; 	width: 100%; } .container { 	margin: 0 auto;      /* centrare nei browser standard */ 	text-align: left; 	width:1000px;     height:600px;     position: absolute;     overflow: hidden;     top: 50%;     left: 50%;     margin-left: -500px;     margin-top:-300px; } .content .text { 	font-family: Verdana, Geneva, sans-serif; 	font-size: 12px; 	padding-top: 100px; 	padding-right: 25px; 	padding-left: 25px; 	line-height: 25px; } .container .header .header_home { 	padding-left: 300px; 	position: absolute; 	bottom: 0px; } .container .header .header_chisiamo { 	padding-left: 430px; 	position: absolute; 	bottom: 0px; }	 .container .header .header_contattaci { 	padding-left: 820px; 	position: absolute; 	bottom: 0px; } .container .header .header_galleria { 	padding-left: 690px; 	position: absolute; 	bottom: 0px; 	 } .container .header .header_prodotti { 	padding-left: 560px;     position: absolute; 	bottom: 0px; } </style> </head> <body> <div class="container" style="width:964px; height:600px;"> <div class="header" style="width:964px; height:128px; background-image: url(layout/elleci_header.png); position:relative"> <div class="header_home">[img]layout/elleci_btn_home.png[/img]</div> <div class="header_chisiamo">[img]layout/elleci_btn_chisiamo.png[/img]</div> <div class="header_prodotti">[img]layout/elleci_btn_prodotti.png[/img]</div> <div class="header_galleria">[img]layout/elleci_btn_galleria.png[/img]</div> <div class="header_contattaci">[img]layout/elleci_btn_contattaci.png[/img]</div></div> <div class="sidebar" align="left" style="width:257px; height:472px; background-image:url(layout/elleci_sidebar_galleria.png)"></div> <div class="content" style="width:707px; height:472px; background-image: url(layout/elleci_content.png);"> <div class="text"><iframe src="i nostri lavori/album/lavori.html" width="700" height="465"></iframe></div></div></div> </body> </html>
grazie per l'aiuto