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