Div flotante en misma posición en todas las resoluciones de pantalla

[djhans]

Hola! amigos de Forosdelweb,

Estoy diseñando una web y tengo un problema, hice un div flotante que contiene un chat y le puse la opción cerrar, pero el problema es que en mi PC se ve todo bien, pero cuando entran mis amigos (pc con otra resolución) el div se mueve a otro lugar y en ocasiones tapa en contenido.

Les dejo el código que estoy usando:

CÓDIGO:

----------------------
<center>
<div style="width:255px; height:100%; overflow:auto;display:scroll;position:fixed;top: 1.5%; right:-3.7%; border:none; overflow:hidden;">
<div id="mostrarDiv">
<a href="javascript:mostrardiv();"><img src="http://u.jimdo.com/www38/o/s782b7d129e5a0d80/img/i8c7b1164ec3c4a50/1317248130/std/image.png" alt="" /></a>
</div>

<div id="flotante" style="display:">
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="94%" height="570px" name="chat" flashvars="id=156787186&amp;rl=Spanish" align="middle"
allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br />
<a href="javascript:cerrar();"><img src="http://u.jimdo.com/www38/o/s782b7d129e5a0d80/img/idc1759b4be6fa2a5/1317248398/std/image.png" alt="" /></a>
</div>
</div>
</center>
---------------------------------

Gracias!!!!

[Batan]

Pero para ello deberás saber donde lo quieres posicionar. Y bueno tratandose de un chat siempre es mejor posicionarlo en la parte inferior del navegador con un position: fixed; bottom: 0.

Saludos

[C2am]

Y cual es el css del div id="flotante"?
Inline solo tienes "display=", que está incompleto, ¿display qué, block? inline?, etc.

En el primer div repites el overflow, con lo cual el que se aplica es el último.

La etiqueta <center> es obsoleta.

Saludos

[djhans]

Iniciado por C2am

Y cual es el css del div id="flotante"?
Inline solo tienes "display=", que está incompleto, ¿display qué, block? inline?, etc.

En el primer div repites el overflow, con lo cual el que se aplica es el último.

La etiqueta <center> es obsoleta.

Saludos

Gracias por responder. Disculpa pero el div id="flotante" esta por gusto, no trabaja con CSS.

El ejemplo de como quiero que esté ubicado el chat les dejo aqui:

*http://u.jimdo.com/www38/o/s782b7d129e5a0d80/img/i6cbaa9287defef7a/1317672589/std/image.jpg

quiero que el chat se muestre flotante y solo se muestre una parte del chat y el resto esté escondido como se muestra en la imágen.

Si el código esta mal agradecería bastante que me mostraran como sería el código.

Gracias y éxitos!!!