Jquery 在具有圆角的div中创建可拖动对象

我需要创建一个具有圆角的div，其中包含一个可以拖动的图像，但图像的一部分被div隐藏

客户真的希望div是一个圆，所以它有点像镜子的效果，他们要求它至少在IE 8上工作，所以我想我应该使用基于图像的圆角方法，如下所示：

<div class="looking-glass-images">
    <span class="tl"></span><span class="tr"></span>
    <img src="http://canyoncreative.com/psc/wp-content/uploads/2011/11/CCDS_Ext_008a-copy.jpg" width="1250" height="980" class="active" />
    <img src="http://canyoncreative.com/psc/wp-content/uploads/2011/11/CCDS_Ext_011.jpg" width="967" height="1250" class="inactive" />
    <img src="http://canyoncreative.com/psc/wp-content/uploads/2011/11/CCDS_Ext_012.jpg" width="1250" height="962" class="inactive" />
    <img src="http://canyoncreative.com/psc/wp-content/uploads/2011/11/CCDS_Int_005.jpg" width="912" height="1250" class="inactive" />
    <img src="http://canyoncreative.com/psc/wp-content/uploads/2011/11/CCDS_Int_008.jpg" width="1250" height="833" class="inactive" />
    <span class="bl"></span><span class="br"></span>
</div>

---

但问题是，当我将jQuery可拖动效果应用于活动图像时，我无法移动它，因为它位于角跨度下。是否有一种在IE 8上实现圆角的方法，我也可以使用jQuery拖动？

使父div可拖动，而不是图像

$(".looking-glass-images").draggable();

$(".looking-glass-images").draggable();