parece que
height: auto; y
margin: auto; están demás.
Los divs (cajas de bloque) se centran (horizontalmente) con
margin: 0 auto; /* siendo cero para top y left y auto para left y right*/ (googlear: "css shorthand" o "css forma corta")
En este ejemplo lo veo bien. Cualquier cosa colocá un link o algo para hablar sobre una cosa que podamos ver los dos.
Saludo.