Cuando modifico el tamaño de la pag, las imagenes se corren

[Coala]

hola,estoy trabajando con una plantilla css.Tengo el main(cantral) en el cual deseo colocar imagen como esta pag: universitaria.cl/index.pl , lo que pasa que que cuando las trato de colocar le doy las dimenciones en % y la ejecuto al estar maximizada ningun problema, pero cuando se achica un poco las imagenes quedan arriba del texto o de los menus.

Cual es la forma correcta de hacerlo.