[Resolvido] problema com position no IE (pra variar)

seguinte galera, to com esse projeto aqui:

http://www.websiteideal.com.br/360/

o lance e o seguinte, o background ai e um flash e eu preciso que essa barra cinza fique por cima do flash.

eu coloco um position: absolute e no firefox fica certinho, mas no maldito IE nao

a unica forma de fazer a barra aparecer no ie e nao colocar nenhum position, mas ai tambem nao aparece o flash nem no ie e nem no ff

vejam meu css:

body, div, h1, h2, h3, span, p {

 font-family: Verdana,Arial,Helvetica,sans-serif;
 color: #ffffff;
 }
 /* fullscreen */
 html {
 height:100%;

 }
 body {
 height:100%;
 margin: 0px;
 overflow:hidden; /* disable scrollbars */

 }

 body {
 font-size: 10pt;
 background : #000000;
 }
 table,tr,td {
 font-size: 10pt;
 border-color : #777777;
 background : #dddddd;
 color: #000000;
 border-style : solid;
 border-width : 1px;
 }
 h1 {
 font-size: 18pt;
 }
 h2 {
 font-size: 14pt;
 }
 .warning {
 font-weight: bold;
 }
 #barra{
 width:17%;
 background-color:#CCC;

 }
 #barra a:link{
 display:block;
 padding:10%;
 color:#000;
 text-decoration:none;
 }
 #conteudo{
 width:46%;
 height:46%;
 z-index:2;
 position:absolute;
 background-color:#F00;
 margin: -23% -23%;
 top:50%;
 left:50%;
 overflow:auto;

 }
 p{
 font-size:100%;
 }

alguem sabe como posso resolver isso?