Conflito entre códigos

Qual é minha questão:
Bem eu tenho duas imagens escondidas em forum que só aparece se dermos um clique nelas do genero das xats. (Ver imagem a baixo)

Mas em ambas as imagens o conteudo é o mesmo o que é mentira, pois numa imagem tenho uma coisa e na outra tenho outra, mas ambas apresentam a mesma coisa quando clicadas e são códigos diferentes

Medidas que eu tomei para corrigir o problema:
Código da primeira

Código:

<div style="overflow: visible; position: fixed; bottom: 120px; height: 430px; left: 0px; z-index:1000;"><iframe src="  http://www.ps3g.com/h6-liga-sagres" id="chatboxpop" scrolling="yes" style="height: 450px; float: left; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="50" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://2.bp.blogspot.com/_nbk6dlAk0P8/SxFknXzpV6I/AAAAAAAAAGI/3kajF48Hx3g/s200/liga+sagres_logo.png" id="chatboxopen" style="display: inline; "><img src="http://www.iobstore.com.br/Imagens/bt_fechar.gif" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Código da segunda

Código:

<div style="overflow: visible; position: fixed; bottom: -50px; height: 430px; left: 0px; z-index:1000;"><iframe src="http://www.ps3g.com/h7-sportv" id="chatboxpop" scrolling="yes" style="height: 450px; float: left; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="50" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://3.bp.blogspot.com/_8RjSHAY0v4Y/SF_khU_8hHI/AAAAAAAAFzM/hXKRw4_knTo/s200/sportv1.gif" id="chatboxopen" style="display: inline; "><img src="http://www.iobstore.com.br/Imagens/bt_fechar.gif" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Links e imagens do meu problema:


Endereço do meu fórum:
http://www.ps3g.com/

Versão do meu fórum:
PUNBB

Olá, substitua o codigo da segunda por este

Código:

<div style="overflow: visible; position: fixed; bottom: -50px; height: 430px; left: 0px; z-index:1000;"><iframe src="http://www.ps3g.com/h7-sportv" id="chatboxpop2" scrolling="yes" style="height: 450px; float: left; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="50" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop2').animate({width:'toggle'},1200); jQuery('#chatboxopen2,#chatboxclose2').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://3.bp.blogspot.com/_8RjSHAY0v4Y/SF_khU_8hHI/AAAAAAAAFzM/hXKRw4_knTo/s200/sportv1.gif" id="chatboxopen2" style="display: inline; "><img src="http://www.iobstore.com.br/Imagens/bt_fechar.gif" id="chatboxclose2" style="cursor: pointer; display: none; "></div></div>

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Cordialmente.

OBRIGADO OBRIGADO MATEUSV. Voçe é demais resolveu direitinho!

Obrigado!