inzialmente sembrava funzionare.. poi il caos.. su ie anche stessa versione, provata su computer diversi da risultati diversi.
Ho provato anche ad applicare una soluzione hack box model, ma non è cambiato niente .. non so più dove sbattere la testa per sistemare questo layout, altrimenti l'unica soluzione è tornare ad usare le classiche tabelle
In pratica in ie principalmente l'extra si allinea a dx sotto il content e in alcuni casi produceva un repeat del background del content perchè evidentemente sfora troppo a dx (cosa credo risolvibile forzando solo repeat verticale e nn orizzontale) però per il resto il testo all'interno del navigation risulta particolare allineato in basso rispetto a quello su firefox (dove il sito è perfetto).. nn so più che fare..

dimenticavo di dire che l'ho eseguito partendo dall'articolo pubblicato su pro.html.it

codice:
body {
	background-color: #ededed;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 76%;
	text-align: center;
}

#container {
	margin-top: 10px;
	width: 720px;
	height: 455px;
	text-align: left;
	background-image: url(../images/frame_background.jpg);
}

#header {
	width: 720px;
	height: 117px;
	text-align: center;
}

#navigation {
	margin-left: 17px;
	margin-right: 17px;
	padding-top: 5px;
	padding-left:18px;
	height: 13px;
	background-image: url(../images/menu_background.gif);
	background-color: #D7D4B2;
	color: #000000;
	font-family: Helvetica, sans-serif, arial;
	font-size: 11px;
}

#main_index {
	float: left;
	margin: 0px 0px 0px 17px;
	padding: 5px 0px 0px 0px;
	width: 526px; \width: 543px; w\idth: 526px;
	height: 283px;
	background-color: #C9C598;
	color: #000000;
}

#content_index {
	float: right;
	padding-left:5px;
	width: 491px; \width: 496px; w\idth: 491px;
	height: 283px;
	background-color: #C9C598;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

#whereis {
	float: left;
	width: 30px;
	height:283px;
	background-image: url(../images/whereis_background.gif);
	background-color: #C9C598;
	color: #ffffff;
	text-align: center;
}

#extra {
	float: right;
	margin-right:17px;
	width: 160px; \width: 177px; w\idth: 160px;
	height:283px;
	background-color: #C9C598;
	color: #ffffff;
	text-align: center;
	font-size: 5px;
}

#footer {
	clear: both;
	background-image: url(../images/frame_background.jpg);
	background-color: #C9C598;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ABA87C;
	text-align:center;
}
la struttura della pagina è

codice:
<div id="container">
  <div id="header"></div>
  <div id="navigation"></div>
  <div id="main_index">
    <div id="content_index"></div>
    <div id="whereis"></div>
  </div>
  <div id="extra"></div>
  <div id="footer"></div>
</div>