Ho il seguente css

codice:
#contenitore
	{
		position:absolute;
		width:980px;
		height:100%;
		left:50%;
		margin-left:-490px;
		padding:0px;
		border:1px solid #FFFFFF;
	}

	#sx
		{
			position:relative;
			width:208px;
			height:585px;
			margin:0px;
			padding:0px 0px 0px 0px;
			background-image:url(../../img/layout/left.jpg);
			background-repeat:no-repeat;
			text-align:right;
		}
			
	#dx
		{
			position:relative;
			width:772px;
			height:560px;
			margin:0px 0px 0px 0px;
			padding:0px;
			float:right;
			/*background-color:#1d4771;		*/
			background-color:#FFFFFF;
		}
nella pagina

codice:
<body>
	<div id="contenitore">
  	<div id="dx">
    </div>
    <div id="sx">
			<?PHP require('include/menu_sx.php'); ?>
    </div>    
  </div>
	<div style="clear:both"></div>
</body>
il layout risulta sbagliato. in pratica non ottengo che le dimensioni dei due box interni siano uguali inoltre,il boro inferiore di contenitore,non si vede.
Ho anche aggiunto alla fine un div(subito dopo gli altri) indicando position relative ma, me lo mette ad inizio pagina e non alla fine di contentitore.

Come risolvo?