Tab Creation Error in IE9

I have been working with a page that uses tabs using jquery 1.6.1 (I also tried 1.6.2 and 1.5.1) and jquery-ui 1.8.14. It seems to work perfectly in IE 7, 8, and FireFox 3.5 and 4. When I try the page in IE 9, I get two errors. First, the content for all of the tabs renders straight down the page, even after where the tab appears to end. Second, clicking on one of the tabs gives an exception, "jQuery UI Tabs: Mismatching fragment identifier."

<div id="tabs">

<ul>

<li><a href="#tab-a">TabA</a></li>

<li><a href="#tab-b">TabB</a></li>

<li><a href="#tab-c">TabC</a></li>

<li><a href="#tab-d">TabD</a></li>

</ul>

<div id="tab-a">

Content...

</div>

<div id="tab-b">

Content...

</div>

<div id="tab-c">

Content...

</div>

<div id="tab-d">

Content...

</div>

</div>

To set up the tabs:

$(document).ready(function () {

$("#tabs").tabs();

});