CSS cross-browser conflict

Question

I'm Working on a web site ( http://www.iwanttobesanta.com/about_us.html ) more specific on About Us/Quem Somos page, that seens to be diferente depending on browser. When window < 500px the navbar (navBar.css) get out of the place in google chrome, but it's seens fine in firefox. Any tips?

Answer 1

It is because of a media query for 500px width. ( http://www.iwanttobesanta.com/css/stylesAboutUs.css )

the css for middleTextMob has margin top = 200px. This is causing the header to shift down.