Centrer un bloc qui s'adpate a la page

Salut,

Donc voila, j'ai grimper un site et mis en place une shoutbox (chat)

il y a deux blocs.

1er : Le bloc principal où les messages posté s'affiche
2eme : Le bloc qui nous sert a écrire notre message et cliqué entrer pour l'envoyé.

Le premier bloc est centré sur la page, et quand je réduit la fenêtre en largeur, le bloc s'adapte et reste centré

Par contre le deuxième en dessous, resté figé a 750px a partir de la gauche

Si vous voyez ce que je veut dire, en gros c'est centré sur mon écran 21pouce, mais sur celui d'un pote avec un écran 15 pouce, il reste a 750px, et donc se retrouve + sur la droite.

J'aimerais codé le bloc pour qu'il soit centré, donc sans le left:750px

Et qu'il s'adpate suivant le navigateur et la taille différente des écrans.

Je vous montre en screen... Le premier en full fenêtre du navigateur :

http://uppix.net/3/c/9/632765ac5040b1ca88fbdc728c339.png

Et le 2eme, en rétrécissant la fenêtre on voit bien que le premier bloc reste centré et s'adapte à la la largeur, mais le 2eme reste a 750px en partant de la gauche :

http://uppix.net/e/5/8/e6c0c6672ae8b18c08bca4fd4726f.png

Donc voilà, sa fait un moment que je suis dessus, j'ai testé des "center" , des "auto", mais sa marche pas.


Je vous passe le code du blocs, que vous voyez comme il est codé :

<!-- la position du bloc "saisir le texte" -->
<div style=" position: absolute;
margin-top: 630px;
border-radius: 10px;
left: 700px;
right: auto;
width: 500px;
height: 150px;
text-align: center;
background: #EFECCA";><{$smarty.const._MD_SHOUTBOX_POPUP_CONSOLE}>

<{else}>
<{/if}>


Voilà, si vous avez des suggestions, j'en serait ravi, merci de vos aides et bonne journée.