jQuery Forum

Hey there, I'm not sure if it's a question or a bug so I'll leave it as a question.

Let me explain my problem (or question) now:

There is this button:

1. <input type="button" onClick="new()" value=" New ">

1. <script>
       function new() {
           $('#new').load("Insert.jsp");
       };
   </script>

In Insert.jsp all I have is a dialog ( http://jqueryui.com/demos/dialog/ ) that has a tab ( http://jqueryui.com/demos/tabs/ ) inside it.

If I open Insert.jsp without using AJAX, the tabs are at the top of the dialog box (exactly where I want them to stay). If I open Insert.jsp using AJAX the tabs stay in the center of my dialog box.

I tried setting the tab's top to -100px, I tried all positions (static, relative, absolute, fixed) but the tab doesn't change (unless I access Insert.jsp directly).

Can anyone help me with it?