Space between banner image and menu

I’ve been wresting with CSS for a while now, and I just can’t for the life of me seem to pinpoint what the problem is. There is a 5-10 pixel wide gap between the banner image and the menu strip below it.

Can anyone suggest ways on how to delete this space so that the two sections of the site are touching, so to speak?

And if anyone wants, could they give me insight on the best way to ensure that the text is centered in the menu buttons? I’d appreciate that. Working with em values confuses me sometimes.

You can find my site at http://flawedspirit.com

Have you tried:

top: -5px;

Quick fix, try defining a height for your “banner” div in the CSS.

height:150

worked for me in Firebug anyway.

Cheers

Always the simplest things. Thanks a bunch!