El diseño de mi web se estropea con el zoom

[Braaank]

Hola, he creado una web descargando un template de internet y modificandolo a mi gusto, sin embargo he visto que se presenta de forma diferente según el zoom y un zoom un poco mas alto del 100% descoloca mi pagina por completo (rompiendo con todo el diseño) como puedo hacer para que se adapte según el zoom?

La pagina en concreto es:

http://www.ernesto-herrera.esy.es/

Si os dais cuenta al hacer zoom el cuadro de (biografia en este caso) se solapa con la de filmografía, me gustaria poder adaptarla para que no saliera de ese cuadro.

Tambien me gustaría saber como puedo hacer para adaptarla a una versión móvil y que desde el móvil se vaya hacia ese otro diseño.

Saludos