[CSS/html] problème de rendu

bonjour,

étant totalement dépourvu de talent de design et me débrouillant comme un manchot en CSS, je m’essaye au CSS et je souhaiterais solliciter votre aide sur un point simple. J’aimerais bien que la jontion de l’en-tête, du corps et du footer se fasse de façon continue :

http://www.wearegeeks.info/sanichaufer/

voici le CSS :


body {
	background: transparent url(background.gif) repeat;
}

#container {
	background: transparent url(bgtop.gif) no-repeat;
	position: absolute;
	left: 50%;
	width: 760px;
	margin-left: -360px;

}

#plop{
	background: transparent url(bgmid.gif) repeat;
}
#textebody {
	padding: -100px;
	clear:both; 
	margin: 20px 20px 20px 20px; 
	color: #010101;
	font: 9pt/17pt georgia; 
}
#footer { 
	background: transparent url(bgbottom.gif) no-repeat;
	text-align: center; 
	font: italic normal 12pt georgia;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 65px;
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
#pageHeader { 
	margin-bottom: 20px;
	}
#pageHeader h1 { 
	background: transparent url(logosani.png) no-repeat top left;
	margin-top: 10px;
	width: 527px; 
	height: 130px;

	margin-left: 116px;
	margin-right: 117px;
	}
#pageHeader h1 span {
	display:none
	}

Avez vous une idée de comment procéder ?

c’est bon le probleme énoncé est résolu

Ah ouai quand meme… :paf:

Disons que le problème n’est pas tout à fait résolut. Différence suivant le navigateur utiliser.
ie et opera = espace entre ta bannier " on vois le fond rouge " et le reste. firefox= ok .
Je me prononce pas sur le design hein… :MDR :smiley: :wink: