Gap in between Navbar and Header???

Hello everyone, welcome to another problem I'm having :p

On my site kody.net (http://kody.net) theres a gap in between the Navigation Bar and the Header. I've tried fiddling with the "px"s of different: Height:'s, and Padding, but to no avail. Ive been using firebug to figure this out and so far I have NO clue :(

Does anyone know how to fix this? Im using the Heatmap Pro theme for wordpress, and I made the Navbar above the header and I would like it to have No gap. Please help, I'll thankyou. :thumbsup:

#header-bar {
background: url("images/header-bg.png") repeat-x scroll 0 0 #E3E3E3;
margin: 0 auto;}

Add the margin rule in orange.

And keep working with firebug, before long it will be simple to spot things like this. :thumbsup:

#header-bar {
background: url("images/header-bg.png") repeat-x scroll 0 0 #E3E3E3;
margin: 0 auto;}

Add the margin rule in orange.

Your my personal HTML book :thumbsup: hope this works

UR FREAKIN AWESOME! i must have ur msn teedoff

Just use a <br/> "break"

Just use a <br/> "break"

:confused: last time I checked the <br /> tag didnt center an element nor remove margins.