html - Only Firefox diplays Logo at middle no matter how much zoom. IE and Chrome don't read top and bottom margins. Anyone knows why? -

The following CSS showld puts the logo in the correct position because the margins are pushed from both the left and the right with the same value , And up and down, however, it happens only on Firefox for some reason that I do not have any clue clearly

  body {background-image: url (background page); Background size: 100%; Background repeat: repeat-y; } / * Backgrage * / .logo {left: 0; Top: 0px; Correct: 0; Bottom: 0px; Status: Completed; Minimum-width: 444px; Margin: 230px; 400px; Text-align: center; } / * Logo resizing * / .logo {background-image: url (logo.png); Background position: center; Background repeat: do not repeat; } / * Logo image * / .logo: hover {background-image: url (logo 2.png); Background repeat: do not repeat; Background position: center; } / * Mouseover * /  

Do you have a link that we can see ?

Try to use "padding-top: 150px" This usually works until you do something that prevents you from doing or try the regular move " Zoom: 1 "," Position: Relative "," Display: Block "

Hope it helps