[Resolvido] Div sobrepondo a outra no FF e IE

Olá pessoal, tudo bom ! bom, sou novato por aqui e na area de webstandards tb !!

Estou com um probleminha aqui !! A div (bloco vermelho) está por cima da div (bloco verde)

somente nos navegadores IE e FF

/applications/core/interface/imageproxy/imageproxy.php?img=http://i55.tinypic.com/jkenu1.png&key=77bef2227ba0e98a474f7559ee73899d20bb8a0e7ecc1ca30a237daf013ff2a4" alt="Imagem Postada" />

Já no Chrome ela se comporta da forma como eu quero, ou seja atrás do bloco verde:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i56.tinypic.com/jrfjw8.png&key=29d0a60afa0f573a921d77961a0b8f51617bc2dc0efc65bd3c7d6ffd461f155b" alt="Imagem Postada" />

Será que eu tenho que colocar algum hack para esses navegadores, ou alguma marcação CSS já resolveria??

Segue a Marcação pra essas 2 Divs que utilizei:

#microfone { width:181px; /bloco verde /

 height:778px;
 background: #099;
 margin:30px 50px 0 0;
 float:right;

#slideshow {width:395px; /bloco vermelho /

 height:221px;
 background:#900;
 float:right;
 margin:20px -180px 0 0;