usiing UFO to display swfs CSS issue

Hi,

Im using the UFO object to display flash swfs on my page. It is displaying correctly in Firefox but not IE.

Check out what happening here

http://justinwalker.info/demo/root/_index.html

Does anyone know a workaround to get the swfs to display underneath the navigation div on the bottom in IE?

This is the bottom nav bar:

#muzuNav
{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:10;
	background-color:#000000;
	color:#CCFF33;
	padding:10px;
	width:100%;
}

Code (markup):

This is the scrolling div that contains the channels:

#channels {
	position:absolute;
	z-index:1;
	top:25px;
	left:700px;
	width:203px;
	height:540px;
	overflow: auto;
	scrollbar-face-color:#000000;
	scrollbar-arrow-color:#ccff33; 
}

Code (markup):

The swfs are inside the channels:

#channel1, #channel2, #channel3, #channel4, #channel5, #channel6, #channel7, #channel8, #channel9  {
	position:relative;
	top:20px;
	margin-bottom:20px;
}

Code (markup):