IE drag problem: sortables containing sliders

IE drag problem: sortables containing sliders


I have a set of sortable divs that are constrained to sort vertically
(axis: 'y') where each contains a horizontal slider. A problem I
found with IE 6 is that if I drag the slider handle, IE thinks I'm
trying to drag the whole sortable div AND the slider handle.
This is using jQuery 1.3.2 with jQueryUI 1.7. Safari and Firefox
behave as expected where if a drag on the slider handle starts, the
drag is not simultaneously sent to the sortable div.
Can anyone help with a workaround or point out something I'm doing
wrong?
Thanks.
Example code:
<code>
<html>
<head>
<link type="text/css" href="css/custom-theme/jquery-ui-1.7.custom.css"
rel="stylesheet" />
<style type="text/css">
    .palette ul { list-style-type: none; margin: 0; padding: 0; margin-
bottom: 10px; }
    .palette li { margin: 5px; padding: 5px; width: 175px; }
</style>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></
script>
<script type="text/javascript">
    $(function(){
        // Dialog
        $('#dialog').dialog({
            autoOpen: true,
            width: 225,
            resizable: false,
            position: ['left','top']
        });
        $("#sortable").sortable({
            revert: true,
            axis: 'y'
        });
        $("ul, li").disableSelection();
        $('#slider1').slider({
            range: false,
            min: 0,
            max: 100,
            value: 100
        });
        $('#slider2').slider({
            range: false,
            min: 0,
            max: 100,
            value: 100
        });
        $('#slider3').slider({
            range: false,
            min: 0,
            max: 100,
            value: 100
        });
    });
</script>
</head>
<body style="font-size:10;">
<div id="dialog" class="palette">
    <ul id="sortable">
        <li class="ui-state-default">Item 1
<div id="slider1"
style="width:150;"></div></li>
        <li class="ui-state-default">Item 2
<div id="slider2"
style="width:150;"></div></li>
        <li class="ui-state-default">Item 3
<div id="slider3"
style="width:150;"></div></li>
    </ul>
</div>
</body>
</html>
</code>