Selected Tab Scrolling Issue

Selected Tab Scrolling Issue


When there are tabs nested in scrolling / overflow content the
selected
tab moves when scrolled.
Is there something I am missing or is this a bug?
<script>
$("#test-tabs > ul").tabs();
</script>
<div style="height:425px;overflow:auto;">
<div id="test-tabs">
<ul>
<li><a href="#"><span>Test A</span></a></li>
<li><a href="#"><span>Test B</span></a></li>
</ul>
</div>
<script>
for(var i=0; i < 100; i++) {
document.write("<br/>" + i);
}
</script>
</div>
Thanks
Curt