Buenas, soy nuevo les pido me ayuden a solucionar esto que me tiene hace dias quemandome el bocho.
En chrome y opera se ve lo mas bien pero firefox e IE no.
Es un texto que al hacer click aparece otro al costado.
Aca les dejo el codigo Gracias
<div id="quienes" style="margin-top:20px; color:#333; cursor: pointer;" onmousemove="this.style.color='#4c4b4c'" onmouseout="this.style.color='#333'" onclick="quienesr.style.visibility='visible'; quer.style.visibility='hidden'; comor.style.visibility='hidden'" > TITULO QUE AL HACER CLICK APARECE TEXTO</div>
<div id="que" style="margin-top:20px; color:#333; cursor: pointer;" onmousemove="this.style.color='#4c4b4c'" onmouseout="this.style.color='#333'" onclick="quer.style.visibility='visible'; comor.style.visibility='hidden'; quienesr.style.visibility='hidden'"> TITULO QUE AL HACER CLICK APARECE TEXTO</div>
<div id="como" style="margin-top:20px; color:#333; cursor: pointer;" onmousemove="this.style.color='#4c4b4c'" onmouseout="this.style.color='#333'" onclick="comor.style.visibility='visible'; quienesr.style.visibility='hidden'; quer.style.visibility='hidden'"> TITULO QUE AL HACER CLICK APARECE TEXTO</div>
</div>
<div style="position:absolute; left:500px" ><hr style="width:1px; height:380px; margin-top:10px "/></div>
<div id="rig" style="float:right; width:400px; height:300px; margin-right:50px " >
<div id="quienesr" style="visibility:hidden; position:absolute; margin-top:80px; margin-right:150px; z-index:1"> ACA VA UN TEXTO
</div>
<div id="quer" style="visibility:hidden; position:absolute; margin-top:80px; margin-right:150px; z-index:2> ACA VA UN TEXTO
</div>
<div id="comor" style=" visibility:hidden; position:absolute; margin-top:80px; margin-right:150px; z-index:3"> ACA VA UN TEXTO
</div>
</div>
</div></div>