[Consulta] Maldito z-index y object.

[reborn]

Es q ya hice y deshice todo.
Pero estaba probando de la siguiente manera:

Código HTML:

<style type="text/css">


body {
	margin-top:100px;
	margin-bottom:100px
}



/* Capsula */
#capsula{
	width:100%;
	height:auto;
	display: table;
	margin:auto auto;
    padding: 0;
	
}



#contenido{
    width:96%;
    height:auto;
    background: url(/images/bgblue.png);
    display:table;
    margin:0 auto;
    padding-top:15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 3px #000000;
    -moz-box-shadow: 0 1px 3px #000000;
    -webkit-box-shadow: 0 1px 3px #000000;
    z-index:150;
}



#chat{
	width:100%;
	height:auto;
	float:left;
	display:table;
	margin:auto auto 15px 1px;
	position:relative;
	z-index:160;
}

object{
    z-index:1;
}







#footer{
	width:100%;
	 height:60px;
	  display:none;
	   bottom:0;
	    left:0;
	      position:fixed;
	       background:url('/footergyb1.png');
	       z-index:999
	       
}



</style>






<div id="capsula">


<div id="contenido">

    
<div id="chat">


<object id="chats99100132" type="application/x-shockwave-flash" data="http://static.99widgets.com/chats/swf/chat.swf?r=100132&l=es" width="730" height="430"><param name="movie" value="http://static.99widgets.com/chats/swf/chat.swf?r=100132&l=es" /><param name="bgcolor" value="#ffffff" /><embed src="http://static.99widgets.com/chats/swf/chat.swf?r=100132&l=es" type="application/x-shockwave-flash" width="730" height="430" bgcolor="#ffffff"></embed></object>
	
      		
</div>




</div>




</div>
       
  <div id="footer"></div>

Un ejemplo aqui: http://pruebayejemplos.net23.net/prueba.php