Hola
El propósito es que cuando se haga pequeño la ventana navegador las imágenes se reduzcan, con el código de abajo se hace correctamente excepto 2 imágenes que descuadran (son las que ponen "people" y "community"
la url es http://staging.cpbc.org.sg/
Código:
<div style="width: 100%; margin: 0px auto;">
<div style="width: 50.59%; float: left; margin-left: 0px; margin-right: 0px;"><img src="images/0.jpg" border="0" /> <img src="images/1.jpg" border="0" onmouseover="this.src='images/1.1.jpg';" onmouseout="this.src='images/1.jpg';" /> <img src="images/2.jpg" border="0" onmouseover="this.src='images/2.1.jpg';" onmouseout="this.src='images/2.jpg';" /></div>
<div style="width: 24.86%; float: left; margin-left: 0px; margin-right: 0px;"><img src="images/6.jpg" border="0" onmouseover="this.src='images/6.1.jpg';" onmouseout="this.src='images/6.jpg';" /> <img src="images/3.jpg" border="0" /></div>
<div style="width: 24.54%; float: left; margin-left: 0px; margin-right: 0px;"><img src="images/5.jpg" border="0" /> <img src="images/4.jpg" border="0" onmouseover="this.src='images/4.1.jpg';" onmouseout="this.src='images/4.jpg';" /></div>
</div>
<p> </p>
<p> </p>