Horizontal menu with css - different position in browsers?

I am attempting a horizontal menu using css - in fact full css layout but something is driving me insane - the menu appears in different positions in different browsers. Before I post any code, I’m coming here to see if you will be willing to help me out.

the html and css will be easy to understand for anyone with even a basic understanding of css.

Thank you.