Hola
Hice una prueba y en primera en todos los exploradores el cuadro gris me aparecia en la misma posicion y en este div creo que es el problema
<div style="position:relative; top:50%; margin-top:-150px;">
la position relativ hace que maje aun mas ya que le estas poniendo un top de 50% y no entiendo por que despues le das un margin-top:-150px, quiza ahi puedes encontrar la solucion