Ciao a tutti,
sto cercando di creare la mia prima pagina tableless;
sono riuscito ad impaginare quasi tutto apparte il footer, ma per adesso volevo chiedervi se riuscite a darmi una mano in questo.
praticamente ho fatto due container (div#container e div#container2) in modo da avere un'immagine di bordo sia a destra che a sinistra per tutta la schermata.
poi ho dato al body come sfondo una immagine che però mi compare anche nel div#content e se imposto come background-color:#FFFFFF non mi visualizza più uno dei due bordi dei container.
il link alla pagina è questo: <LINK>

il codice del file css invece è questo:
codice:
/* CSS Document */

/*stili per il layout fisso con altezza minima*/
html,body{margin: 0;padding:0;height:100%;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: left;
	background: url(images/bgbody.gif)}
div#container{
	position: relative;
	width: 760px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(images/bordosx.gif) repeat-y top right
}
div#container2{
	position: relative;
	width: 760px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(images/bordodx.gif) repeat-y top left
}

div#footer{
	bottom:0;
	width: 760px;
	height: 25px;
	padding: 0px;
	
}

/*stili generici, su header e footer*/
div#header{ text-align:center;
 			border-left: 0px;
			width: 760px;
			height: 129px;
			
			}

/*stili specifici per il layout*/

div#navigation{text-align:center;
 			border-left: 0px;
			width: 760px;
			height: 36px;
			
}
div#content{width: 760px; margin:4; padding:4;
			 }
Qualcuno sa spiegarmi dove spaglio e perchè?
sto sbagliando forse metodo per realizzare una cosa del genere?

Grazie mille a tutti
Carlo