jaja me diverti mucho por que salian estilos muy distorcinados la solucion creo yo esta en hacerlo con capas y ponerles un fondo de imagen y dentro de ellos texto con enlace
lo que yo hice fue esto
Código HTML:
<style type="text/css">
<!--
#contenedor {
margin:0 auto;
height: 480px;
width: 480px;
border:1px solid silver
}
#contenedor a img{
height: 150px;
width: 150px;
position: relative;
padding-right:10px; padding-bottom:10px;
}
#contenedor a img:active{
position: absolute;
width:200px;
height:200px;
left:10px;
top:10px;
}
-->
</style>
el html
Código HTML:
<div id="contenedor"><a href="#"><img src="cuadritos_r1_c1.gif" border="0" /></a><a href="#"><img src="cuadritos_r1_c2.gif" border="0" /></a><a href="#"><img src="cuadritos_r1_c3.gif" border="0" /></a><a href="#"><img src="cuadritos_r2_c1.gif" border="0" /></a><a href="#"><img src="cuadritos_r2_c2.gif" border="0" /></a><a href="#"><img src="cuadritos_r2_c3.gif" border="0" /></a><a href="#"><img src="cuadritos_r3_c1.gif" border="0" /></a><a href="#"><img src="cuadritos_r3_c2.gif" border="0" /></a><a href="#"><img src="cuadritos_r3_c3.gif" border="0" /></a></div>