Site show extra margin in IE6

Scotalia

After receiving help for my last site problems, I have gained a bit of confidence (maybe too much?) and am developing another site to use as a freelance web portfolio site. I was going along great, what took me 2 weeks on my last site took me 2 DAYS for this new one! Things looked great to me in FF & Safari, but Opera and IE6 break down my site by adding extraneous padding/margin/blank-space under my Header.

I think I have figured out the reason, but don't know how to fix. I believe my problem stems from the use of Relative Positioning in my site. I have relatively positioned elements in my Header and now I believe there is some sort of "space" where the elements originally should have been in the doc flow. Is this even the case?

I would like to fix the problem in my code rather than design a new background .gif to use as a faux "masthead" - as I need the top 60ish pixels to be white for my header graphics to show properly. Is there any way to fix this without using a unique background or is that the easiest way to move forward?

Thanks for you suggestions and assistance.

Link: http://www.queencitycgfox.com/new_mcs/newmcs.html

PS: I left in borders purposely to show the dimensions of my div's. Makes it easier for me to develop/design. Does this make sense to continue?

Craig

spinal007

sounds like the very common ie6 padding issue. Will check this when i'm on my pc.

__________________
Diego - SEO Consultant London (My Blog | Fight Me)
jQuery: Star Rating - Multiple File Upload - FCKEditor/Codepress
Before we work on artificial intelligence why don't we do something about natural stupidity?