Page layout issues with different browsers

[Teapips]

Hey guys and gals,I have been editing this template and I've started to have issues ever since I added in the phone number image. It looks fine in Chrome and Safari but in Firefox and IE there's a huge gap between the header image and content and the contact form doesn't seem to be in align with the content box. One thing IE has gotten right is how the logo is placed closer to the header. In Chrome there's a big padding space.Site: http://tahnaiya.com/clients/temp/CSS: http://tahnaiya.com/clients/temp/style-ex.cssI have been trying to work this out all day and I just can't figure it out. Does anyone know what's causing this issue? I would truly appreciate any tips.Thank you!T

[Ingolme]

I've using Firebug trying to fix your design, but it so full of relative positioning, negative margins and other things.Remove all your negative margins, from every element, and start over, make your header image a background image. Position all your elements using positive margin and padding, don't use relative positioning, move your "contact" box to the body section below the horizontal menu, don't float elements that don't need to be placed next to other elements.

[Teapips]

I've using Firebug trying to fix your design, but it so full of relative positioning, negative margins and other things.Remove all your negative margins, from every element, and start over, make your header image a background image. Position all your elements using positive margin and padding, don't use relative positioning, move your "contact" box to the body section below the horizontal menu, don't float elements that don't need to be placed next to other elements.

Thank you! I will try that!

[Teapips]

It's working! Thank you! Gosh it was such a mess before!