Center content display

I have my new web site/store almost complete. I have disabled the right and left columns. My header_bg.jpg is larger than normal and I have accounted for that in the css.

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #44607e;
height:226px;
}

The problem I am having is some of my content is displaying under the header. I have attached a screen shot to show what I mean. If you look at the HOME navigation bar you will see part of the content is displaying under it. I am trying to find the place to correct this. Is this something in the css? I have tried things until I am blue in the face and search this web site and I am just stumped.

Can someone help me please?

We'll need a link to the site.

stevesh:

We'll need a link to the site.
Here is the test site. It is not live yet.
http://thruhikers.net/store/index.php?main_page=product_info&cPath=2_3_4&products_id=4

Try increasing your #logoWrapper height to 246px to see what's there.

Interestingly, I'm seeing the navMain stuff there in IE8, but in FF3, it's the indexDefaultHeading and the greeting.

Thank you. That did it. I just realized that my navbar was below my logo. What I needed to do was take the height of the header_bg and the height of the navbar and total them and then put that number in my #logoWrapper. Before I was just using the height of the header_bg image.