Wierd padding issue

hey guys, im experiencing something odd, might need another set of eyes to look at this because I cant see any issue for the life of me.

Here is the page: http://www.glenhealy.com/ghwordpress/

if you look at the header, there is 10px of padding at the top, and I have no clue why its there. Ive been trying many different ways of doing things off and on since yesterday, and I now have all kinds of unneeded stuff in my css that ill have to remove but needless to say, none of it worked/helped so Im tapped out.

I basically only want the black noisy texture to align with the top of the page. Right nwo, there is a weird little yellow strip above it.

any ideas?

Hi,
Remove the float from #header_container and use overflow:hidden; to enclose the floated #logo_area


#header_container{ 
    position:relative;
    [COLOR=Blue]overflow:hidden;[/COLOR] [COLOR=Red]/*float:left*/[/COLOR]
    background:#000 url('../images/header-back.png');
    background-position:top center ;
    background-repeat:repeat-x;
    width:100%; [COLOR=DarkGreen]/*IE6 float containment*/[/COLOR]
}

perfection. Thank you so much!