Hi,

I have on a website script build on jquery:ui tabs
It's a slider with a div field. The content is inside a div so i want make it dynamic height change.

I start it like this:

    $("#featured > ul")
    .tabs({fx:{opacity: "toggle"}})
    .tabs("rotate", 5000, true);       

Then:

    $('#featured #fragment-1 .info').css('margin-top', function() { return ( 250 - $(this).innerHeight() ) });
    $('#featured #fragment-2 .info').css('margin-top', function() { return ( 250 - $(this).innerHeight() ) });
    $('#featured #fragment-3 .info').css('margin-top', function() { return ( 250 - $(this).innerHeight() ) });
    $('#featured #fragment-4 .info').css('margin-top', function() { return ( 250 - $(this).innerHeight() ) });

My problem:

First div (.info) is positioned well but others are not.
Could it be caused by the UI Tabs? Any ideas.

Thanks,
Jacob (Poland)