First All-CSS Page...

I'm currently working on a relatively simply laid-out site for my first page where all design elements are pretty much CSS. Lots of fun.

And frustrations. I have the layout working fine in Firefox, but it looks wrong in IE. The CSS validates, if that helps any.

http://www.tandswebdesign.com/samples/plantech/

I was also trying to figure out some way for the page to be centered, instead of on the left, if anyone can help with that as well.

I'll also include my HTML and CSS code. Don't worry, it's relatively brief.

Here's my HTML code:

Quote:

Plantech

Plantech Associates
IT Project Management and Consulting Services

Welcome
About Us
Mission
Services
History
Contact Us

Plantech Associates Inc. is an information technologies consulting firm
offering services for project management, business analysis, interim IT
management and strategic planning. Since 1989, we have managed successful IT
projects in the United States and Canada, and recently incorporated to further
expand and develop project management solutions and services.

Based in Oklahoma City, Plantech stresses project management professionalism,
ethics, objectivity, sensitivity to our clients' organizations, and laser-like
alignment with their business objectives. Success is achieved through close
collaboration, earned trust and senior-level IT management expertise.

We are members of the Project Management Institute,
and practice according to the professional and ethical tenants promoted by this
prominent professional organization. Plantech Associates supports the
certification of project managers as Project Management Professionals (PMP)
through PMI.

And here's the CSS:

Quote:
body
{
font-family: Arial, sans-serif;
font-size: 10pt;
color: #fff;
margin: 0px;
padding: 0px;
background: #fff;
}

#pageHeader h1
{
background: transparent url('images/header.png') no-repeat top;
width: 746px;
height: 111px;
float: none;
margin-left: 50px;
margin-bottom: 0px;
padding-bottom: 0px;
}

#pageHeader h1 span
{
display:none;
}

#pageHeader h2 span
{
display:none;
}

#menu
{
background: url('images/logobottom.jpg') no-repeat top left #82ACD5;
width: 151px;
margin-left: 67px;
padding-top: 0px;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
height: 400px;
text-align: left;
padding-left: 10px;
position: absolute;
}

#content
{
background: #0F60AF;
width: 547px;
margin-left: 230px;
border-right: 1px solid black;
border-bottom: 1px solid black;
margin-bottom: 10px;
height: 400px;
position: absolute;
}

#content p
{
text-indent: 20px;
padding-left: 10px;
padding-right: 10px;
}

#content img
{
float: right;
border-left: 1px solid black;
border-bottom: 1px solid black;
margin-left: 10px;
margin-bottom: 10px;
margin-right: -1px;
}

Hopefully that's not too much info. I would appreciate any help, of course. I'm looking to be table-free!