Buon pomeriggio a tutti

sto cercando di fare un layout a due colonne facendo si che tali colonne abbiano uguale lunghezza. Ho fatto in questo modo:

codice:
#container{
	width:  800px;
	border:1px solid black;
	overflow: hidden;
	background: #FFF url("sfondo1.jpg") 0 0 repeat-y;

}
#col-sx{
	position:relative;
	width:195px;
	float: left;
	display: inline;
	background:transparent;
	padding-bottom: 1000px;
	margin-bottom: -1000px; 
}
#col-dx{
	position: relative;
	width:557;
	margin-left:200px;
	background:url("sfondo2.jpg");
	padding-bottom: 1000px;
	margin-bottom: -1000px;
Su firefox ottengo il risultato desiderato mentre su IE il div col-dx si estende oltre al container (fino a raggiungere i 1000px impostati) la cosa strana è che anche il div col-sx è impostato a 1000px però non si allunga.

Posso evitare che la colonna centrale si estenda oltre il contenitore (al quale non posso dare un'altezza fissa)? Vorrei che venisse visualizzato come in Firefox.

Grazie per gli utili consigli.