title: jCarousel + jQuery UI Tabs Issue: Hidden panel list width is being incorrectly calculated
body: <p>I'm trying to put two carousels in a page, each in a different panel of a tabbed navigation, but it's not working. I've trying troubleshooting the jCarousel script but I guess the problem occurs when the tabs and the jCarousel scripts interact.</p>
  
  <p>Anyway, my HTML is more or less like this:</p>
  
  <pre><code>&lt;div id="myTabs"&gt;
    &lt;ul&gt;&lt;!-- Tabs navigation --&gt;
      &lt;li&gt;&lt;a href="#foo"&gt;Foo&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#bar"&gt;Bar&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="foo"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;!-- Quite complex content inside each LI, but set width of 255px --&gt;&lt;/li&gt;
        &lt;!-- Dynamic number of LI. Minimum of 4 items --&gt;
        .
        .
        .
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="bar"&gt;
      &lt;!-- Another UL, just like #FOO --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So, I need to apply the tabs on <code>#myTabs</code> and this is the code: <code>$('#myTabs').tabs()</code>. I also need to apply jCarousel to the <code>UL</code>s inside <code>#foo</code> and <code>#bar</code> and this is the call I'm using:</p>
  
  <pre><code>$('#myTabs &gt; div &gt; ul').jcarousel({
      scroll: 1,
      animation: 'slow',
      wrap: 'circular'
  });
  </code></pre>
  
  <p>The carousel in the first panel is being correctly created. Everything goes smooth there. The problem happens when I click one tab to display the hidden panel: the carousel navigation doesn't work and the console throws an error <code>"jCarousel: No width/height set for items. This will cause an infinite loop. Aborting... "</code></p>
  
  <p>However, when I try to set the property <code>itemFallbackDimension</code> to <code>255px</code>, what happens is that the <code>UL</code> of the hidden panel recieves a width of <code>510px</code>. That's exactly the width of two <code>LI</code> elements, but there are at least 4 in the UL. Therefore, although now the navigation works, the layout is completely broken. (<a href="http://imgur.com/EZcRX" rel="nofollow">see image</a>)</p>
  
  <p>These problems only happen in the hidden panel of the tabs. I think that's because jCarousel internally relies on the <code>innerWidth()</code> method to calculate the <code>UL</code>'s width but that returns <code>0</code> when the container is set to <code>display: none</code> --and that's exactly what tabs does to hide the panel.</p>
  
  <p>How can I fix it?</p>