JQuery UI Tabs + Wordpress issues

I am trying to integrate JQuery tabs with my WordPress blog, to replace old HTML Navigation menu. I am half way there but not quiet...

Take a look for yourself: http://www.isahat.com

1. The template breaks right away since the first button of the Tab menu 开发者_StackOverflowis linked to index.php like so:

   <div id="tabs">
   <ul>
     <li><a href="index.php">Home</a></li>
     <li><a href="/info/">Info</a></li>
   </ul>
   

2. The second tab menu shows my Info page just fine, but on top of everything else. My home page and everything else gets shifted down to make room for Info page.

3. And why after clicking on any article or even the tab link, my tab menu disappears and all my navigation links turn into a bullet list?

Your tabs don't work at all in Safari, and when the tabs do work, your code errors have something to do with the content shifting: [Invalid]Markup Validation of isahat.com - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

You also have a script from GoDaddy that is getting dumped in after your </html> tag. Are you on free GoDaddy hosting? That hosting conflicts with Wordpress and disrupts page display.