Monitores con distintas resoluciones de pantalla

Muchachos y muchachas, el otro día fui a lo de un familiar y para presumir un poco (nunca lo hago ¬¬ jaja) le quise mostrar mi pagina en su computadora (la cual tiene un monitor pantalla plana y una pantalla mas grande que el mio. snif snif, jeje).
Mas que presumir, pase vergüenza cuando vi que la pagina se veía en el margen superior izquierdo de su monitor y abajo y a la derecha quedaba en blanco. Volví a mi casa y me fije en el portátil de mi mama y oh casualidad, pasa lo mismo.

Creo recordar que en el curso hablaba de esto pero no logro encontrarlo. Alguien me podría decir que código hay que meter para que esto no pase mas?
hola

olvidaste cerrar el ul del div pie
y el color grey no existe, debe ser gray

ya está funcionando el menu desplegable????, si es asi no funciona
esta linea....
<script language="javascript" src="definir-menus.css" type="text/javascript"></script>

donde debe ir????????

saludos
ok, gracias. pero porque decis que no fuciona la linea <script language="javascript" src="definir-menus.css" type="text/javascript"></script>??
Yo lo veo como debe ser al menu desplegable..
En firefox no queda centrada. Yo lo que hago para que se vea tb centrada en firefox coloco en la hoja de estilos a cada div estas caracteristicas.

position: relative;
margin-left: auto;
margin-right: auto;
ale, mira el indice de preguntas frecuentes
ahi te dice como arreglar el desplegable para opera
que es el navegador que yo uso
esa linea no va en el lugar que la pusiste
debe estar hasta abajo, si no mal no recuerdo antes de cerrar div global

saludos