julio's image gallery that seems to have different z-indexes in FF vs Chrome

portal_normal.vm

<div id="gallery1" class="gallery">
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-1.jpg" title="Doug, Meesa and Louis resting">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-1_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-2.jpg" title="Grand finale teams">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-2_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-3.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-3_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-4.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-4_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-5.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-5_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-6.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-6_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-7.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-7_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-1.jpg" title="Doug, Meesa and Louis resting">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-1_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-2.jpg" title="Grand finale teams">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-2_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-3.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-3_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-4.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-4_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-5.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-5_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-6.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-6_tn.jpg" />
	</a>
	<a href="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-7.jpg" title="Jen looking the landscape">
		<img class="picture" src="http://miles.local/alloy/demos/image-viewer/assets/lfr-soccer-7_tn.jpg" />
	</a>
</div>
<script>
AUI().use('aui-dialog', 'aui-image-viewer-gallery', function(A) {
	var viewEventDialog = new A.Dialog(
		{
			centered: true,
			cssClass: 'portlet-event-manager view-event-dialog',
			title: '<span class="event-handler"></span>',
			bodyContent: A.one('#gallery1'),
			modal: false,
			resizable: true,
			width: 800,
			zIndex: -100
		}
	).render();
	var imageGallery1 = new A.ImageGallery({
		links: '#gallery1 a',
		caption: 'Liferay Champion Soccer',
		maxHeight: 400,
		maxWidth: 400,
		delay: 2000
	})
	.render();

})
</script>