[Reactorman]

Jag har börjat på en sajt där jag har en headerbild som är 750 px hög och skall vara centrerad på sidan.

Mitt problem är att "menuarea" inte syns alls i IE, utan endast i FF.

Just nu ser sidans kod ut såhär:

<div id="container">
	<div id="hsida">
	<div id="menuarea">
 <img src="gfx/header.jpg" border=0 usemap="#ordet_homepage_navigation_map">
	</div>
	<div id="content">
 </div>
	</div>
	</div>
</div>

Här är ett utdrag ut CSS-filen:

html {
	height:100%
}

<!--[if ie lt 7]> 
<![endif]--> 

#header {
	position: absolute;
	left: -440px;
}
#content {
	margin: 10px 10px 10px -690px;
}
#menuarea {
	z-index:100;
	margin:0 0px 0 -700px;
	background:#ff7700;
	width:700px;
	height:80px;
	padding:10 0px;
}
#container {
	background:url("gfx/vskugga.gif") repeat-y #ffffff;
	width:750px;/*lämna plats för skuggning */
	height:100%;
	margin:0 auto;/*placerar i mitten, inte i IE*/
	text-align:center;/*lurplacerar i mitten f IE*/
}
#hsida {
	background:url("gfx/hskugga.gif") repeat-y;
	margin:0 0 0 725px;
	text-align:left;/*tar tillbaka textplaceringen */
	height:100%;
}

Någon vänlig själ som kan berätta vad en CSS-nybörjare gjort för fel?

Koden är här:
http://www.framtid.net/nyaordet/start.html
http://www.framtid.net/nyaordet/styles.css