Imagem do chatbox cobrindo o login

Qual é minha questão:
Bem a imagem do chat está cobrindo o login/sair e enviar.


Aqui o código do meu chat:

Código:

 <div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 700px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top:0px; cursor :pointer; float:left"><img src="http://i.imgur.com/tEPzj.png" id="chatboxopen" style="display: inline; "><img src="http://i.imgur.com/KhQKZ.png" id="chatboxclose" style="cursor: pointer; display: none; "></div>


Medidas que eu tomei para corrigir o problema:
vim aqui

Links e imagens do meu problema:


Endereço do meu fórum:
http://taichousan.forumaqui.com

Versão do meu fórum:
PHPBB2

Olá, substitua o codigo por este

Código:

<div style="overflow: visible; position: fixed; bottom: 10px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 700px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top:0px; cursor :pointer; float:left"><img src="http://i.imgur.com/tEPzj.png" id="chatboxopen" style="display: inline; "><img src="http://i.imgur.com/KhQKZ.png" id="chatboxclose" style="cursor: pointer; display: none; "></div>

Cordialmente.

Continuou do mesmo jeito.

Olá, substitua o código dado por MateusV. por este:

Código:

<div style="overflow: visible; position: fixed; bottom: 10px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 700px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top:0px; cursor :pointer; float:left"><img src="http://i.imgur.com/tEPzj.png" id="chatboxopen" style="display: inline; "><img src="http://i.imgur.com/KhQKZ.png" id="chatboxclose" style="cursor: pointer; display: none; "></div>

Cordialmente.

Mesmo jeito

Olá, substitua os códigos dado por este abaixo.

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 700px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top:0px; cursor :pointer; float:left"><img src="http://i.imgur.com/tEPzj.png" id="chatboxopen" display: none; style="display: inline; "><img src="http://i.imgur.com/KhQKZ.png" id="chatboxclose" display: none; style="cursor: pointer; display: none; "></div>

No caso de não funcionar, nos comunique.

Cordialmente.

Olá, aceda a sua Folha de estilo CSS, cole o codigo e salve.

#chatbox_main_options a{
margin-right: 10px !important;
}

Cordialmente.

Não deu certo.

Alguém pode me ajudar? Pois dessa forma que está é impossível logar no chat

Olá, substitua o codigo por este

Código:

#chatbox_main_options a{
margin-right: 30px !important;
}

Resulta?

Cordialmente.

+ OU -
O login deu certo, mas o botão de enviar a mensagem está coberto

Olá, adicione este codigo juntamente ao anterior

#chatbox_footer {
margin-right: 30px !important;
}

Cordialmente.

Deu certo, valeu.
Podem fechar.