Bug in Droppable

Bug in Droppable


Hi,
The droppable doesn't work as spected. The droppable doesn't get
selected when you mouse over with the draggable, but if you place the
draggable a few pixels to the top, it works.
Here is a simple test case:
    <script language='javascript' src='jquery-1.2.1.js'></script>
    <script language='javascript' src='jquery-ui.min.js'></script>
    <style type="text/css" media="screen">
        .droppable-inactive {
            opacity: 0.7;
        }
        .droppable-hover {
            outline: 1px dotted black;
        }
    </style>
<!--lots of so you can see when it get hover in the wrong place -->
        









        <img id="trash" src="images/edittrash.png" />
        <div id="draggable" style="width:300px;height:100px;background-
color:red">
        <img src="images/edittrash.png" />
        </div>
<script type="text/javascript">
    $('#draggable').draggable();
    $('#trash').droppable(
        {
            accept: function(){return true},
            hoverClass:        'droppable-hover',
            tolerance:        'intersect'
        }
    );
</script>
But if you use the http://interface.eyecon.ro/ library, it works as
spected. Just include the other library and change "hoverClass" ->
"hoverclass", "droppable" -> "Droppable" and "draggable" ->
"Draggable".
Thanks in advance,