<style type="text/css">
/* this is a CSS answer to fix the hover tilde problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
.frame {width:270px; height:360px; position:relative; z-index:100; 
overflow:hidden; margin:0 auto; border:10px solid #000;
-o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
}
.frame img {position:absolute; left:0; top:0; z-index:10; width:270px; height:360px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.frame b {display:block; float:left; width:27px; height:36px; background:url(trans.gif); 
cursor:crosshair; position:relative; z-index:20; overflow:hidden;}
.frame b:hover ~ img{width:540px; height:720px;}
.frame b.c1:hover ~ img{margin-left:0px;}
.frame b.c2:hover ~ img{margin-left:-30px;}
.frame b.c3:hover ~ img{margin-left:-60px;}
.frame b.c4:hover ~ img{margin-left:-90px;}
.frame b.c5:hover ~ img{margin-left:-120px;}
.frame b.c6:hover ~ img{margin-left:-150px;}
.frame b.c7:hover ~ img{margin-left:-180px;}
.frame b.c8:hover ~ img{margin-left:-210px;}
.frame b.c9:hover ~ img{margin-left:-240px;}
.frame b.c10:hover ~ img{margin-left:-270px;}
.frame b.r1:hover ~ img{margin-top:0;}
.frame b.r2:hover ~ img{margin-top:-40px;}
.frame b.r3:hover ~ img{margin-top:-80px;}
.frame b.r4:hover ~ img{margin-top:-120px;}
.frame b.r5:hover ~ img{margin-top:-160px;}
.frame b.r6:hover ~ img{margin-top:-200px;}
.frame b.r7:hover ~ img{margin-top:-240px;}
.frame b.r8:hover ~ img{margin-top:-280px;}
.frame b.r9:hover ~ img{margin-top:-320px;}
.frame b.r10:hover ~ img{margin-top:-360px;}
</style>
<br><br>
<div class ="frame">
<b class ="r1 c1"></b>
<b class ="r1 c2"></b>
<b class ="r1 c3"></b>
<b class ="r1 c4"></b>
<b class ="r1 c5"></b>
<b class ="r1 c6"></b>
<b class ="r1 c7"></b>
<b class ="r1 c8"></b>
<b class ="r1 c9"></b>
<b class ="r1 c10"></b>
<b class ="r2 c1"></b>
<b class ="r2 c2"></b>
<b class ="r2 c3"></b>
<b class ="r2 c4"></b>
<b class ="r2 c5"></b>
<b class ="r2 c6"></b>
<b class ="r2 c7"></b>
<b class ="r2 c8"></b>
<b class ="r2 c9"></b>
<b class ="r2 c10"></b>
<b class ="r3 c1"></b>
<b class ="r3 c2"></b>
<b class ="r3 c3"></b>
<b class ="r3 c4"></b>
<b class ="r3 c5"></b>
<b class ="r3 c6"></b>
<b class ="r3 c7"></b>
<b class ="r3 c8"></b>
<b class ="r3 c9"></b>
<b class ="r3 c10"></b>
<b class ="r4 c1"></b>
<b class ="r4 c2"></b>
<b class ="r4 c3"></b>
<b class ="r4 c4"></b>
<b class ="r4 c5"></b>
<b class ="r4 c6"></b>
<b class ="r4 c7"></b>
<b class ="r4 c8"></b>
<b class ="r4 c9"></b>
<b class ="r4 c10"></b>
<b class ="r5 c1"></b>
<b class ="r5 c2"></b>
<b class ="r5 c3"></b>
<b class ="r5 c4"></b>
<b class ="r5 c5"></b>
<b class ="r5 c6"></b>
<b class ="r5 c7"></b>
<b class ="r5 c8"></b>
<b class ="r5 c9"></b>
<b class ="r5 c10"></b>
<b class ="r6 c1"></b>
<b class ="r6 c2"></b>
<b class ="r6 c3"></b>
<b class ="r6 c4"></b>
<b class ="r6 c5"></b>
<b class ="r6 c6"></b>
<b class ="r6 c7"></b>
<b class ="r6 c8"></b>
<b class ="r6 c9"></b>
<b class ="r6 c10"></b>
<b class ="r7 c1"></b>
<b class ="r7 c2"></b>
<b class ="r7 c3"></b>
<b class ="r7 c4"></b>
<b class ="r7 c5"></b>
<b class ="r7 c6"></b>
<b class ="r7 c7"></b>
<b class ="r7 c8"></b>
<b class ="r7 c9"></b>
<b class ="r7 c10"></b>
<b class ="r8 c1"></b>
<b class ="r8 c2"></b>
<b class ="r8 c3"></b>
<b class ="r8 c4"></b>
<b class ="r8 c5"></b>
<b class ="r8 c6"></b>
<b class ="r8 c7"></b>
<b class ="r8 c8"></b>
<b class ="r8 c9"></b>
<b class ="r8 c10"></b>
<b class ="r9 c1"></b>
<b class ="r9 c2"></b>
<b class ="r9 c3"></b>
<b class ="r9 c4"></b>
<b class ="r9 c5"></b>
<b class ="r9 c6"></b>
<b class ="r9 c7"></b>
<b class ="r9 c8"></b>
<b class ="r9 c9"></b>
<b class ="r9 c10"></b>
<b class ="r10 c1"></b>
<b class ="r10 c2"></b>
<b class ="r10 c3"></b>
<b class ="r10 c4"></b>
<b class ="r10 c5"></b>
<b class ="r10 c6"></b>
<b class ="r10 c7"></b>
<b class ="r10 c8"></b>
<b class ="r10 c9"></b>
<b class ="r10 c10"></b>
<img src="statue.jpg" alt="">
</div><br><br>