Bug with tabs when using scope

Bug with tabs when using scope

Hi there,
jquery 1.4.1
jqueryUI 1.7.2
When I use the download manager to create a scoped theme, and use it :
  1. <link rel="stylesheet" href="css/scoped/jquery-ui-1.7.2.custom.css" type="text/css" media="all">
  2. <div id="tabs" class="scoped">
  3.     <ul>
  4.             <li><a href='#tabs-33' title='1495'>Bio Planète</a></li>
  5.             <li><a href='#tabs-35' title='1496'>Ciel d'Azur</a></li>
  6.             <li><a href='#tabs-36' title='1497'>La Réserve de Champlat</a></li>
  7.             <li><a href='#tabs-34' title='1498'>Marinoe</a></li>
  8.     </ul>
  9. <div id='tabs-33'>...

The tabs become as large as the parent container, and they stop working. See attachements.

Tested with Safari 4.0.4 and Firefox 3.0.11 on Mac OS X.5