Div doesn't display when using jScrollPane()

Question

This should be exceedingly simple, but here goes. I have a simple div container that gets populated by a Twitter feed (jTweetsAnywhere):

<div id='twitter-feed'></div>

This functionality works fine and gives me a simple container with a Twitter feed, with overflow:auto. Again: works fine, overflow is scrollable with the standard ugly scrollbar.

After loading jquery.jScrollPane.min.js, jquery.scrollpane.css, jquery.mousewheel.js, and mwheelintent.js, and initializing like so:

$(document).ready(function(){
    . . .
    $("#twitter-feed").jScrollPane();
});

...the #twitter-feed div no longer displays, and no runtime error is thrown.

Thoughts?

Answer 1

My initial guess is that .jsScrollPane() is getting called long before jTweets returns anything. This means that there is a good chance that it is setting the height of the container while its empty, so it probebly is set to 0. Have you tried to give #twitter-feed a static height?