Top Right Div, probabili conflitti

[Dark Byakuya]

Buona sera, sono riuscito a finire una shoutbox per il mio sito, ho deciso di posizionarla in alto a destra (vista la composizione delle pagine), sono riuscito nell'impresa ma non riesco a cliccarci sopra O.o
Penso che il div creato appositamente per contenere la chat vada in conflitto con qualcos'altro... ma non capisco cosa
Vi linko una pagina di esempio: http://www.netrooper.com/shoutbox.php
E il CSS: http://www.netrooper.com/css/style.css (ultimo div)

Grazie in anticipo per le risposte!!!!

EDIT:
Mi sono appena illuminato, possibile che la causa sia il valore del z-index???
PS: noto che se quando si ridimensiona la pagina la barra di scorrimento orizzontale cerca di aggiustarsi da sola O.o Perchè??

[webbeloz]

è un pò macchinoso il tuo metodo di posizionare in alto a dx.
Metti un div contenitore:

#wrap-content{position:absolute;top:5px;right:5px;z-index:999}

per cominciare... anzi, dato che c'è aggiungi z-index

[Dark Byakuya]

Ok, ho fatto ...e ora funziona ^^
Solo un'ultima cosa, ridimensionando la finestra del browser però, ovviamente la chat sovrasta il resto del sito... Come potrei fare per dire che l'elemento non si deve spostare con un numero inferiore di pixel (preventivamente definito) dal margine sinistro? Spero di essermi spiegato

[webbeloz]

responsive design / parti da questo contetto...

@media{}

ma anche solamente usando:

float:left;

questo però a seconda di come usi html nel tuo progetto...

b. lavoro