可旋转的div在旋转的parend div中？

Question

我想在可旋转的div内拖动项目，但它无法正常工作

有谁知道如何解决这个问题？这是代码

<div class="wrap">
    <div class="inner"></div>
</div>

CSS：

.wrap{
    position: absolute;
    top: 20px;
    left:20px;
    width:200px;
    height:200px;
    background-color:red;
    -moz-transform: rotate(80deg);
     transform: rotate(80deg);
}
.inner{
    position: relative;
    top: 20px;
    left:20px;
    width:20px;
    height:20px;
    background-color:blue;
}

https://jsfiddle.net/27ey90xw/