[CSS] Problemi layout fisso con Ie6

[itAndy90]

Ciao a tutti
sto realizzando un layout fisso a due colonne: la colonna di sinistra (div#boxsx) e la colonna di destra (div#boxdx). La colonna di sinistra, con IE6, si colloca a sinistra ma in modo scorretto per quel che riguarda l'altezza: la colonna in questione infatti inizia non appena termina in altezza la colonna di destra. Per inciso, il contenitore che racchiude i due box è grande 960px, la colonna di destra 760px e quella di destra 200px

Ora, non ho utilizzato margini e padding se non per il testo, con IE >= 7, Firefox Opera e Safari vedo tutto benissimo. Secondo voi da cosa può dipendere? Non ho considerato qualche spaziatura tra i due blocchi? Il tutto è caricato sul mio spazio web di test (mksoftware.altervista.org/test). In ogni caso, eccovi il codice:

@charset "utf-8";
/* CSS Document */
body { 
	margin: 0px;
	background-image: url(images/ff4/body_background.jpg);
	background-attachment: fixed;
}

p, a, span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

p, span {
	color: #FFC;
}

p {
	margin: 0px 15px 0px 15px;
}

a, a:visited {
	color: #309;
}

a:hover {
	color: #090;
}

div#corpo {
	width: 960px;
	margin: auto;
	background-image: url(images/ff4/corpo_background.jpg);
	background-repeat: no-repeat;
	background-color: #BDBDBD;
	overflow: auto;
}

div#head {
	width: 960px;
	height: 250px;
	background-image: url(images/ff4/head.jpg);
}

div#menu {
	width: 960px;
	height: 50px;
	background-image: url(images/ff4/menu.jpg);
}

div#menu img {
	border: 0px;
}

div#boxsx {
	width: 760px;
	margin: 0px;
	display:inline;
    overflow:hidden;
}

div#boxsx_head {
	width: 760px;
	height: 35px;
	background-image: url(images/ff4/boxsx_head.png);
}

div#boxsx_head p, div#boxdx_head p {
	line-height: 45px;
	color: #306;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

div#boxsx_body {
	width: 760px;
	height: auto;
	background-image: url(images/ff4/boxsx_body.png);
}

div#boxsx_body p {
	padding-top: 10px;
	padding-bottom: 10px;
}

div#boxsx_foot {
	width: 760px;
	height: 35px;
	background-image: url(images/ff4/boxsx_foot.png);
}

div#boxdx {
	width: 200px;
	margin: 0px;
	float: right;
	display:inline;
    overflow:hidden;
}

div#boxdx_head {
	width: 200px;
	height: 35px;
	background-image: url(images/ff4/boxdx_head.png);
}

div#boxdx_body {
	width: 200px;
	height: auto;
	background-image: url(images/ff4/boxdx_body.png);
}

div#boxdx_foot {
	width: 200px;
	height: 35px;
	background-image: url(images/ff4/boxdx_foot.png);
}

Grazie anticipatamente a tutti per l'aiuto

[Ht28]

Prova a richiamare il css in questo modo:

<!--[if IE6]> 
<link rel="stylesheet" type="text/css" media="screen" href="tuocss.css" />
<![endif]-->