UI Tabs - problem with IE and AJAX tabs

[forkie]

I currently have the following tabs (in psuedo code)

<div id="my-container">
<ul>
 <li><a href="#fragment-1">This is my first normal tab</a></li>
 <li><a href="#fragment-2">This will load an IFRAME</a></li>
 <li><a href="mywebsitescript.php">Heres my AJAX page</a></li>
</ul>
<div id="fragment-1">
<p>UI Tabs is really slick isn't it</p>
</div>
<div id="fragment-2">
<iframe src="http://www.b.com/some_remote_page.php"></iframe>
</div>
</div> <!-- end of id="my-container" --> 

In Firefox it loads without any problems. In IE it still loads the AJAX page, however it will essentially add it to the end of the document. So basically it looks as though nothing has happened, but I look at the scrollbar on the right and notice that the page is very long. When I scroll down the page, the AJAX-ed <div> has appeared.

What's causing this?

I can give you access to the website if required to reproduce this problem.

Thanks, Forkie.

[forkie]

Sorry guys, problem fixed change it to:

<div id="my-container">
<ul>
 <li><a href="#fragment-1">This is my first normal tab</a></li>
 <li><a href="#fragment-2">This will load an IFRAME</a></li>
 <li><a title="ajax page" href="mywebsitescript.php">Heres my AJAX page</a></li>
</ul>
<div id="fragment-1">
<p>UI Tabs is really slick isn't it</p>
</div>
<div id="fragment-2">
<iframe src="http://www.b.com/some_remote_page.php"></iframe>
</div>
<div id="ajax_page"></div>
</div> <!-- end of id="my-container" -->

inside your container div.