HTML<div class="separator"><a><img src="http://file.mobilmusic.ru/a7/56/c6/1173558.gif" alt="" width="240" height="270" /></a></div>

CSS.separator { margin: 20px; text-align: center;
clear: both; 
} 
.separator a {
display: table; 
position: relative; 
z-index: 10; 
max-width: 94% !important;
margin: 10px auto !important; 
} 
.separator img { 
display: table-cell; 
max-width: 100% !important;
padding: 15px;
background: #fff; 
border-radius:160%/20%; 
-webkit-box-shadow: 0 1px 5px #999;
-moz-box-shadow: 0 1px 5px #999; 
box-shadow: 0 1px 5px #999;
 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 
.separator a:before;
.separator a:after { 
content: ""; 
display: block; 
position: absolute; 
top: -5px; left: 0; 
width: 100%; 
height: 100%; 
background: white; 
border-radius:160%/20%;
-webkit-box-shadow: 0 1px 5px #999; 
-moz-box-shadow: 0 1px 5px #999; 
box-shadow: 0 1px 5px #999; 
-webkit-transition: .3s all; 
-moz-transition: .3s all; transition: .3s all;
} 
.separator a:before { 
z-index: -2; -webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg); 
transform: rotate(2deg);
border-radius:160%/20%; 
} 
.separator a:after { 
z-index: -3; 
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg); 
transform: rotate(-3deg); 
} 
.separator a:hover:before; 
.separator a:hover:after { 
top: -2px; 
left: 2px; 
bottom: 0; 
-webkit-transform: rotate(0deg); 
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}