jQuery UI : 드래그 가능한 부모 외곽선이 firefox에서 드래그하는 동안 변경

Question

부모 div 안에 드래그 가능한 요소가 있습니다. 부모는 CSS 개요가 있습니다. Firefox에서는 자식 요소를 드래그하는 동안 부모의 외곽선 크기가 변경됩니다. 개요가 확장되어 항상 드래그 가능한 요소를 포함합니다. Chrome과 IE에서는 부모 div 윤곽선이 변경되지 않고 하위 요소를 윤곽선 밖으로 드래그 할 수 있습니다. 여기

은 예입니다 : http://jsfiddle.net/knn2s8xs/1/

HTML :

<div id="container"> 
    <div id=draggable>Drag Me!</div> 
</div> 

CSS :

#container { 
    width: 100px; 
    height: 100px; 
    outline: 3px solid red; 
    margin: 100px; 
} 

#draggable { 
    width: 100%; 
    height: 100%; 
    background-color: blue; 
    color: white; 
} 

JS :

jQuery('#draggable').draggable({ 
    revert: true 
}); 

에 동일한 동작을 얻을 수있는 방법이 있나요 Firefox a Chrome과 IE에서

Answer 1

border: 3px solid red;을 사용하면 문제가 해결됩니다.