Possible bug in draggable() in Opera

Possible bug in draggable() in Opera

I've been testing some draggable code in a number of different browsers and stumbled across what looks to be a bug in it when viewed in Opera (10.51)

Using the code below, if you drag the cyan coloured element down to attempt to move it to the row below, the row resizes and is pushed down. This seems to be caused by the float on the nested header and removal of this gives the desired result.

Can you confirm that this is a bug and if so is it a known one? I'm a little new to the jQuery community so apologies if this would be better suited posted elsewhere.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <style type="text/css">td{width:150px;height:100px;background:#eee;}.dragMe{background:#0ee;}</style>
        <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" type="text/javascript"></script>   
        <script type="text/javascript">
            $(document).ready(function() {
                $(".dragMe").draggable();
                $("td").droppable({
                    drop: function(event, ui) {
                        alert('dropped');
                    }
                });
            });
        </script>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    <div class="dragMe">
                        <div style="float:right;">Header</div>
                        <input type="text" value="Textbox" />
                    </div>
                </td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>           
        </table>
    </body>
    </html>