Gracias por la ayuda pzin,
Probé con ambas opciones y no me funcionó, luego hice lo siguiente:
Quedó mas o menos, pero de último encontré esta solución:
http://crea-t.net/blog/centrar-conte...na-pagina-html.
Al final me queda algo así:
Código CSS:
Ver originalsection{
margin-top: -11.5em; /* la mitad del alto del objeto a centrat */
margin-left: -15em; /* la mitad del ancho del objeto a centrar */
position: absolute;
top: 50%;
left: 50%;
width: 30em; /* ancho del objeto a centrar */
height: 23em; /* alto del objeto a centrar */
}
Prefiero trabajar com em y no con px por lo de los múltiples dispositivos.
No se si sea la mejor solución pero de momento al redimencionar la ventana del navegador va muy bien.
Gracias por el apoyo