Layout due colonne differenza IE Firefox

[robx8]

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:

#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.

[Mich_]

Non so se ho capito giusto, ma ho l'impressione che il tuo problema si risolva con le false colonne, senza tirare in ballo margini e padding negativi.

E attenzinoe alla sintassi: nei CSS non si puo` omettere l'unita` di misura.

Commento (che non ti serve per risolvere): Il fatto che le colonne siano diverse e` perche` lo sfondo della prima colonna lo hai messo nel contenitore.