overlay and scrollable no show Created Nov 11, 2009

I've been fighting with this all day. I have a 4 div scrollable. In Div 2 I have three images which Id like to open three different overlays. Scrollable is functioning and the images are bringing up the overlay so the code is working... however, there is no content in the overlay box.

upon removing overflow:hidden from the #flowpanes div I can see all the panes and the images come up with the overlay but they are positioned outside of the box. When I return the overflow:hidden I go back to a blank white overlay box.

To view the problem site visit
http://www.freshmintdesign.com/nwo

click on the learn more tab and I have the apple overlay demo code in that div. Any help would be awesome

here is my init code:

$(document).ready(function() {
						   
	
						   
	// select #flowplanes and make it scrollable. use circular and navigator plugins
	$("#flowpanes").scrollable({size: 1, clickable: false}).circular().navigator({
		// select #flowtabs to be used as navigator
		navi: "#flowtabs",
		// select A tags inside the navigator to work as items (not direct children)
		naviItem: 'a',
		// assign "current" class name for the active A tag inside navigator
		activeClass: 'current',
		
	});
	$("#triggers img[rel]").overlay({effect: 'apple'});
	
});