My b2evolution Version: [2.4]

http://sunkenstone.com/test_blog/index.php?blog=1

Man, this is really frustrating. I don't want that wrapper background to come up in the header. Basically, I want it to end right below 'The Reel' page title.

The css looks like this:

div#wrapper {
	background: #000 url("img/body.jpg") repeat-y center top;
	width: 900px;
	margin: 8px auto 16px;
	padding: 0;
}
div#wrapper2 {
	margin: 0;
	padding: 0;
}
div#page_main_area {
	width: 882px;
	margin: 0 auto;
}

I tried moving the background to "wrapper2" and then "page_main_area" and it's either working in Firefox or IE, but not both. It seems to me that putting the background in "page_main_area" should work just fine. Don't quite know what I'm missing.

Any ideas? Been working on this for waaay too long.

FYI - I am able to get the background thing to work by pull the header out of the wrapper in the php, but then that does a number on the header alignment. I'm open to either path if I can get a solution.