[Resizable & Draggable] Doesn't work in Opera when called before appendTo()

The code below produces in Opera 9.23 non-draggable and non-resizable div. However if appendTo(document.body) is called before resizable() and draggable(), the produced div is fully functional. The issue happens in Opera only, in Firefox and IE order of methods execution doesn't matter.

<script src="jquery/jquery-1.2.3.js"></script>
<script src="jquery/jquery.dimensions.js"></script>
<script src="jquery/ui.mouse.js"></script>
<script src="jquery/ui.draggable.js"></script>
<script src="jquery/ui.resizable.js"></script>
<script>
  $(document).ready(function() {
    $("<div id='aaa'></div>").resizable()
                             .draggable()
                             .appendTo(document.body);
                             
  });
</script>
<style>
  #aaa {
    width: 100px;
    height: 100px;
    background-color: lightblue;
    border: 1px solid black;
  }
</style>