I'm trying to create fake frames with CSS using positioning (An area I'm not particularly expert in.)

Demo Link

As you'll see from the above link, I have it figured with Firefox and Opera, with the header acting like a static frame.

The header is sitting inside this div:

Code:
div#head
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 165px;
	width: 100%;
}
while the content is sitting in this div:

Code:
#wrapper {
   width: 700px;
   text-align: left;
   margin: 200px auto 0 auto;
   padding: 0;
}
But good ol' IE refuses to play nicely with me.

Any thoughts on where I've goofed?

Many thanks in advance of any assistance.