Buona natale a tutti.
Ho un problema con IE (che strano... ).
Ho appena finito la bozza di un sito che viene visualizzato correttamente da TUTTI i browser a parte IE...
E' un layout a due colonne

Posto il codice html della pagina senza contenuti:

codice:
<html>
  <head>
    <title></title>
    <style>@import url("style.css");</style>
  </head>
<body>

    <div id="container">
	<div id="header">

	</div>
	<div id="content">
		<p class="text">
f mes  e   di pa ssione, sentii il bdasfdf isogno di allensdfarmi e conasdsdasdffasdfdsf frontasdfrmasdf ads i sdf e fisicame  nte pi&#249 ; spasdfasde ssasdfo.asdfasdf
sdafasdfasdf
Qusdfesdasd fasda mfasdsdf sdf raasdasdff asdfggiungerli spwdesso sia per motisdvi sddi tempo, che ecoadsff  asdfnos dfsdfmici (trenasdo).
dsf asdf g iorni in pofchi giosdfarni sono stato contattato da unsd po' di sdsdpersosdne (sfortun sdsdatamsd entesd sempre della provinciaasdsdsdffa) desiasdfasdfderossdfasdfu a Versdona si st&#224; sviluppando come ho sempre desideratodf . as


Comsdfesdfa age volare ci&#242;?

Creadasfndo asdfun sdaff f < b> d dfo adsfniente.</p>

	</div>
	<div id="navigation">
	<p class="subtitle">Navigazione</p>
	<ul>
	[*]Index
	[*]Forum
	[*]Faq

	[*]Spot
	[*]Foto
	[*]Contatti
	[/list]
	

	<p class="subtitle">I tuoi dati</p>
<p class="text">sdfg s dfs df</p>

<p class="text">sd f sdf asdfg sdfg sdfg sdfg </p>


</p>


</p>


</p>


</p>

	</div>
	<div id="footer"><center><p class="text">2006-2007
bla bla bla bla

	bla bla bla</p></center></div>

    </div>
</body>
</html>
ed ecco il foglio di stile associato:

codice:
html,body{
margin: 0;
padding:0;
}
body{
background-color: #0F0F0F;
color: #333333;
text-align: center;
}
p.text{
font: 67% Arial, Helvetica, verdana, sans-serif;
}
p.subtitle{
font: bold 80% Arial, Helvetica, verdana, sans-serif;
color:#32CD32;
margin:0;
}

div#container{
background-color: #FFFFFF;
position:relative;
width: 760px;
margin: 0 auto;
text-align: left;
}

/*stili generici, su header e footer*/
div#header{
background-color:#000000;
background-image: url(images/sfondo.jpg);
background-position: center center;
background-repeat: no-repeat;
height: 200px;
}
div#footer a{
color: #fff;
font-weight: bold;
text-decoration: underline;
}

/*stili specifici per il layout*/
div#navigation{
position:absolute;
top: 210px;
right: 0;
width: 13em;
}
div#content{
margin-right: 13em;
padding: 1em;
min-height: 300px;
}
div#footer{
text-align:center;
padding-bottom: 1em;
margin:0;
background-color: #FFFFFF;
color: #000000;
background-image: url(images/bottom_content.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

/*stili per la navigazione*/
div#navigation ul{
border-bottom: thin #DCDCDC solid;
padding: 0;
margin-top:2px;
list-style-type: none;
margin-right:10px;
}
div#navigation li{
border-top: thin #DCDCDC solid;
}

div#navigation p.info{
padding: 0px 0px 0px 3px;
margin: 4px;
color: #FF7F50;
font: 72% Arial, Helvetica, verdana, sans-serif;
text-decoration: none;
display:block;
}

div#navigation a{
padding: 7px 0px 7px 3px;
color: #FF7F50;
font: 72% Arial, Helvetica, verdana, sans-serif;
text-decoration: none;
display:block;
}
div#navigation a:hover{
background-color:#F5F5F5;
text-decoration: none;
}
div#navigation a#activelink{
background-color:#F5F5F5;
background-image: url(images/nav_icon.gif);
background-position: right;
background-repeat: no-repeat;
text-decoration: none;
}
ecco la visualizzazione con firefox:
http://browsershots.org/screenshots/...5cdc5d14873cc/

e quella errata con IE
http://browsershots.org/screenshots/...f811765e49648/

Da quello che capisco IE non supporta min-height mentre pr il problema della navigazione non riesco a capire cosa c'è che non va.
Consigli?
Grazie tante