IE6 Extra vertical space between divs - HELP!

[lsterling03]

Your help is much appreciated. I just can't figure this out....

Here is the page so you can view my source code:
http://www.haveyoufoundit.com/mckinney/careers/testing.html

In IE 7, Firefox, etc.. it looks fine. IE6 there's extra space that pushes the logo/navigation down and forces the header background to repeat vertically. I need to remove the space between the divs (I believe its a padding issue with the gray search bar). If I remove the padding, it works perfectly in IE6, but then it's all screwy in IE7 and FF.

How can I fix this? As you can see from my code, I've got quite a mess as I've tried a million ways to fix it. It's probably something simple, but I just don't know.

I've already missed my deadline and I'm scrambling for a solution!

[effpeetee]

http://validator.w3.org/#validate_by_uri+with_options

Validate your code here.

It gives 18 errors html . Among them is a note that xhtml tags must be in lower-case. 'get' NOT 'GET' line 150 I think.

Also if you use & in the name of a company, it should be coded as &
In xhtml finishing '>' is coded as /> that is 'space/>'
Frank

CSS checks OK

[lsterling03]

Thank you. Yes, that was just a test page, so I didn't have all my html code perfect. However, even after fixing those validation errors, it didn't change my problem. I did eventually find a way to do an IE6 hack in my css. I don't know if that's the best method, but it worked. I used * html to set different padding for IE6.

Thanks for responding!

[effpeetee]

I think that with IE6, hacking is the only way out.

Glad you got it sorted.

Frank

[abduraooft]

This might be the space of <form> element.
So Add
*{
margin:0;
padding:0;
}
in your CSS, which will remove all default margins and paddings from all you elements.(* => universal selector)