Hello. I inherited the website at http://www.oasisgamingusa.com. I've been told by a lot of people here at the company I work for that they do not like this design. So I'm trying to come up with an alternative. First let me say that design isn't really my strong point, backend coding is more my style. At any rate, I've started designing a new layout and I'm having a problem with the way the header area looks in IE7. I've got it to look pretty decent in FF1.5.0.7 however.

Here is the link to the test site...http://www.oasisgamingusa.com/testlayout/index.php

Here is my stylesheet...
Code:
/* Stylesheet for Oasis Gaming USA website */
body {
	margin: 0;
  	padding: 0;
  	width: 100%;
	font-size : 100%;	/*Enable font resizing in IE*/
   background-color: #ffffff;
	color : #000000;
   text-align : justify;
   font-family : Verdana, Arial, sans-serif;
}
html > body {
	font-size: 9pt;	/*Resets font size for non-IE browsers*/
}
h1 {
	font-size: 1.3em;
}
h2 {
  	font-size: 1.2em;
}
h3 {
  	font-size: 1.1em;
  	font-weight: normal;
  	text-align: center;
  	display: block;
}
p {
	margin : 5px 10px 10px 10px;
	padding : 5px;
	clear : both;
	display : block;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
li {
	float: left;
	position: relative;
	width: 10em;
}
li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
li > ul { /* resets top and left for non IE browsers */
	top: auto;
	left: auto;
}
li:hover ul, li.over ul {
	display: block;
	background-color: #15483a;
}
a, a:active, a:visited {
    padding : 2px;
    color: #d2bc2d;
    text-decoration : none;
	 font-weight: bold;
	 font-size: 1em;
	 display: block;
}
a:hover {
    text-decoration : none;
	 /* background-color: #fff216; */
	 background-color: #d2bc2d;
	 color: #15483a;
}
#page {
  	margin: 0 auto;
  	padding: 0;
  	width: 90%;
  	background-color: #ffffff;
}
#header {
  	margin: 0 auto;
  	padding: 0;
  	width: 100%;
  	height: 168px;
}
#logo {
	margin: 0;
	padding: 0;
	width: 159px;
	height: 102px;
	position: absolute;
	top: 5px;
	left: 80px;
	display: block;
	background: #ffffff url(../images/Oasis-Logo2.gif) center no-repeat;
}
#menu {
	margin: 90px 0 0 0;
	padding: 5px;
	width: 1024px;
	height: 15px;
	background-color: #15483a;
}
#content {
	margin: 0;
	padding: 0;
	clear: left;
}
#right {
	margin: 0;
	padding: 0;
}
#footer {
  	width: 100%;
  	margin: 0;
  	padding: 0;
}
Any help would be greatly appreciated. Also any tips concerning my current code base is always appreciated as far as I'm concerned. Am I positioning things correctly? or whatever.

I know this test site is very blah at the moment but I'm very early into the design and I wanted to get the header area and menu system working correctly in both IE and FF before I moved on to the rest of the site.

Thank you