ufo object issue in IE

[jwalker80]

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:

Code: Select all

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

This is the scrolling div that contains the channels:

Code: Select all

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

The swfs are inside the channels:

Code: Select all

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