drag drop with mysql database

drag drop with mysql database

I'm working on drag and drop and store id number in database, i just finished that and works great but the problem is that is NOT WORKING IN IE 8 or 9. 

The problem is that in IE is not allow me to drag or move around that the problem that i can't figure out how to solve this, and rest of browser are works fine.

here is jquery code 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.  function slideout(){
  4.   setTimeout(function(){
  5.   $("#response").slideUp("slow", function () {
  6.       });
  7.     
  8. }, 2000);}
  10.     $("#response").hide();
  11. $(function() {
  12. $("#list ul").sortable({ opacity: 0.8, cursor: 'move', update: function() {
  14. var order = $(this).sortable("serialize") + '&update=update'; 
  15. $.post("updateList.php", order, function(theResponse){
  16. $("#response").html(theResponse);
  17. $("#response").slideDown('slow');
  18. slideout();
  19. });  
  20. }   
  21. });
  22. });

  24. });
  25. </script>

and body code

  1. <body>


  4.     <div id="response"> </div>
  5.     <ul>
  6.       <?php
  7.                 include("connect.php");
  8. $query  = "SELECT id, text FROM dragdrop ORDER BY listorder ASC";
  9. $result = mysql_query($query);
  10. while($row = mysql_fetch_array($result, MYSQL_ASSOC))
  11. {
  13. $id = stripslashes($row['id']);
  14. $text = stripslashes($row['text']);
  16. ?>
  17.       <li id="arrayorder_<?php echo $id ?>"><?php echo $id?> <?php echo $text; ?>
  18.         <div class="clear"></div>
  19.       </li>
  20.       <?php } ?>
  21.     </ul>
  22.   </div>
  23. </div>

doe any one can help me how to solve this to make work in IE! 
please help thanks.

AM