Help Wrapping Tabs-nav In A Div

Help Wrapping Tabs-nav In A Div

Hello,

I have been trying for quite some time to get my UI-tabs to work as I want them to. Notice how the tabs-nav is wrapped in div with the class header.

<div id="yw0">
    <div class="header">
        <h3><img src="/wtp/css/img/logo-login.png" alt="Logo" /></h3>
        <ul>
            <li><a href="/wtp/site/login">login</a></li>
            <li><a href="#yw0_tab_1" class="active">register</a></li>
            <li><a href="/wtp/site/forgotPassword">lost password</a></li>
        </ul>
    </div>

    <div id="yw0_tab_1">
        --- Content ---
    </div>
</div>

jQuery('#yw0').tabs({'selected':1,'cache':true,'ajaxOptions':{'cache':'false','dataType':'html'}});

When I click the login tab. The content is placed directly below the ul, inside the header div. I would like it to be placed below the header div, like the initial tab yw0_tab_1.

Any ideas?

Thanks!
-Chris

P.S. I tried http://docs.jquery.com/Talk:UI/Tabs#Differences_between_Tabs_2_and_UI_Tabs to no avail.