Хочу создать увеличение фото при наведении. Использую jquery. Сталкнулся с проблемой что при навидении фото увеличиваясь сдвигает остальные. Если приписывать ей абсолютную позицию, то получается фото смещаются... залазят под тот на который навели. Как зафиксировать фото, чтоб они не подлазили?
<ul class="cut">
<li><a href=""><img src="images/photos/small-img.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-2.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-3.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-4.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-2.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-3.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-4.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-2.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-3.jpg" alt="" class="img_border" /></a></li>
<li><a href=""><img src="images/photos/small-img-4.jpg" alt="" class="img_border" /></a></li>
</ul>