Jquery 1.4 with ui 1.8 give wrong value

Jquery 1.4 with ui 1.8 give wrong value

Hello, I don't think this is in the dev bug list or if I'm doing something wrong but here is the problem : When you move the cursor quickly to far right or far left it seems to show the wrong value ... Is there a way to make sure that the slider gives the correct value while sliding ? Sometimes the value is only wrong by a few decemals but sometimes it can be more. Any ideas ? 
 
    
  
  1.  
    2. 
  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    3. 
  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4. 
  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    5. 
  
  5. <head>
    6. 
  
  6. <link 
    7. 
  
  7. href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" 
    8. 
  
  8. rel="stylesheet" type="text/css"/>
    9. 
  
  9. <style>
    10. 
  
  10.  #debug { display:block; width : 200px; height : 100px; position 
    11. 
  
  11. : fixed; bottom : 0; right : 0;
    12. 
  
  12.  color : #FFF; background-color : #333; z-index : 999; 
    13. 
  
  13. text-align : center; }
    14. 
  
  14.  #debug p { padding-top : 10px; }
    15. 
  
  15.  #slider { display : block; width : 640px; margin : 10px auto; }
    16. 
  
  16. </style>
    17. 
  
  17. <script 
    18. 
  
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    19. 
  
  19. <script 
    20. 
  
  20. src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    21. 
  
  21. <script type="text/javascript">
    22. 
  
  22.  $(document).ready(function(){
    23. 
  
  23.  $("#slider").slider({
    24. 
  
  24.  slide: function(event, ui) {
    25. 
  
  25.  $('#debug').html('<p>'+ $(this).slider('value') 
    26. 
  
  26. +'</p>');
    27. 
  
  27.  }, min : 0, max : 36
    28. 
  

    29. 
  
  29.  });
    30. 
  
  30.  });
    31. 
  
  31. </script>
    32. 
  
  32. </head>
    33. 
  
  33. <body>
    34. 
  
  34. <div id="slider"></div>
    35. 
  
  35. <div id="debug"></div>
    36. 
  
  36. </body>
    37. 
  
  37. </html>
    38.