Annoying little gap

I'm redcoding of a website I'm doing (they won't let me redesign it) and the two-column layout is giving me trouble. Theres an annoying little gap between the #header div and the #yield div, in which the #wrapper div is letting its green background show through. I can't figure out why its doing it. Everything I through at it either doesn't work or causes even more damage.

The design you can find at http://dev.wicec.org/drafting/v1/
The stylesheet at http://dev.wicec.org/drafting/v1/css/scaffold.css

Thanks

__________________
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed | Learning PHP? Lessons

Few things to try:

does your header image have any padding? Seems you have set it to have no margin but what about default borders or padding? What about the div itself?

Everything possible I have set padding and margin to 0 but its still not working

__________________
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed | Learning PHP? Lessons

Now I am really confused. I started to debug the issue. So first I commented out any HTML that had no revelance to the issue. Basically scrapped it down to its skeleton. Then I commented out all the CSS that was attached to the commented out HTML. The problem was still there. So I commented out "margin: 0 0 0 100px;" - the piece of code pushing #yield (the big white div) over to the side 100 pixels - and replaced it with "margin: 0;" refreshed the page: nothing happened. Then I realized that #yield was being pushed over 124px, not 100px. I don't know what has happened. I was making changes to the styles and HTML no problem, so I'm not on the wrong stylesheet or something. But then why was the #yield div following some ghost stylesheet? I can't understand whats wrong.....

__________________
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed | Learning PHP? Lessons