Espero que te ayude, use posicion absoluta, pero tambien puede ser relativa, solo es cuestion de cambiar las coordenadas.
A la imagenes les agregue el id para darle la posición mediante css.
Código HTML:
Ver original<!--
#image {
height: 290px; /* la suma de las alturas de las imagenes */
width: 210px; /* la anchura de la suma de las imagenes */
border: thin solid #C60; /* le puse un borde como ayuda visual, no hace falta */
position: relative;
}
#img1{
position:absolute;
left: 0px;
top: 0px;
}
#img2{
position:absolute;
top: 0px;
left: 110px;
}
#img3{
position:absolute;
bottom: 0px;
left: 0px;
}
#img4{
position:absolute;
bottom: 0px;
right: 0px;
}
-->
<!-- le puse un width y height para poder posicionarlas ya que no tengo las imagenes -->
<img id="img1" src="images/1.png" alt="1" width="100px" height="200px" /> <img id="img2" src="images/2.png" alt="2" width="100px" height="80px" /> <img id="img3" src="images/3.png" alt="3" width="100px" height="80px" /> <img id="img4" src="images/4.png" alt="4" width="100px" height="200px" />