jQuery UI tabs widget code in AJAX mode works in IE and Firefox, but doesn't in chrome. Any idea why?

jQuery UI tabs widget code in AJAX mode works in IE and Firefox, but doesn't in chrome. Any idea why?

<!doctype html>
<html>
  <head>
<style type="text/css">
</style>
 
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.2.custom.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>

    <script type="text/javascript">
    $(function(){
$("#tabs").tabs();
});
    </script>
  </head>
  <body>
<div id="tabs">
<ul>
<li><a href="somewhere.html">Quelque part</a></li>
<li><a href="playground.html">La cour de récréation</a></li>
</ul>
</div>
  </body>
</html>

This code (in tabs.html) works in IE and Firefox, but not chrome.
(the playground.html and somewhere.html files just have filler text in them, and they are both in the right directory.)

I have no idea why....anyone have a clue?