Center content display

[attroll]

[FONT="Verdana"]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?
[/FONT]

[stevesh]

We'll need a link to the site.

[attroll]

We'll need a link to the site.

Here is the test site. It is not live yet.
http://thruhikers.net/store/index.ph...&products_id=4

[stevesh]

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.

[attroll]

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.