Menu no lado

Qual é minha questão:
Usei esse código para por menu do lado, mas toda vez que eu abro ele, a imagem some. 

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script> 
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script> 
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script> 
 <style> 
 body{ 
 font-size:75%; 
 } 
 a{ 
 outline: none; 
 } 
 a:active{ 
 outline: none; 
 } 
 #sideBar{ 
 text-align:left; 
 } 
 #sideBar h2{ 
 color:#F0FFFF; 
 font-size:110%; 
 font-family:arial; 
 margin:10px 10px 10px 10px; 
 font-weight:bold !important; 
 } 
 #sideBar h2 span{ 
 font-size:125%; 
 font-weight:normal !important; 
 } 
 #sideBar ul{ 
 margin:0px 0px 0px 0px; 
 padding:0px 0px 0px 0px; 
 } 
 #sideBar li{ 
 margin:0px 5px 5px 10px; 
 padding: 0 0 0 10px; 
 list-style-type:none; 
 display:block; 
 background-image:url(http://i.imgur.com/F4A3rft.png); 
 background-position:top right; 
 background-repeat:repeat-y; 
 width:200px; 
 color:#FFFFFF;
 } 
 #sideBar li a{ 
 width:100%; 
 } 
 #sideBar li a:link, 
 #sideBar li a:visited{ 
color:#FFFFFF; 
 font-family:Century Gothic; 
 font-size:100%; 
 text-decoration:none; 
 display:block; 
 margin:0px 0px 0px 0px; 
 padding:0 0 0 20px; 
 width:150%; 
 } 
 #sideBar li a:hover{ 
 color:#FFFF00; 
 text-decoration:underline; 
 } 
 #sideBar{ 
 position: fixed; 
 width: auto; 
 height: auto; 
 top: 5px; 
 left:0px; 
 background-image:url(http://i.imgur.com/F4A3rft.png); 
 background-position:top right; 
 background-repeat:repeat; 
 } 
 #sideBarTab{ 
 float:left; 
 height:0px; 
 width:0px; 
 } 
 #sideBarTab img{ 
 border:0px solid #FFFFFF; 
 } 
 #sideBarContents{ 
 float:left; 
 overflow:hidden !important; 
 width:180px; 
 height:900px; 
 } 
 #sideBarContentsInner{ 
 width:180px; 
 }</style> 
 <div id="sideBar"> 
 <div id="sideBarContents" style="display:none;"> 
 <div id="sideBarContentsInner"> 
<ul> 
<li><a href="http://institutoxrpg.forumeiros.comprivmsg?folder=inbox"Mensagens</a></li> <li><a href="http://institutoxrpg.forumeiros.com/profile?mode=editprofile">Perfil</a></li> 
 <li><a href="http://institutoxrpg.forumeiros.com/f10-geral">Geral</a></li> 
 <li><a href="http://institutoxrpg.forumeiros.com/f13-vagas-e-cargos">Vagas e  Cargos</a></li><li><a href="http://institutoxrpg.forumeiros.com/f1-regras">Regras</a></li><li><a href="http://institutoxrpg.forumeiros.com/c2-instituto-charles-xavier">Propriedades do Instituto</a></li> 
</ul> 
</div> </div> 
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/F4A3rft.png" title="sideBar" /></a> 
 </div>


Endereço do meu fórum:
http://rpgvampire-diaries.forumeiros.com

Versão do fórum:
PHPBB2

Saudações querida!

Poderia nos mostrar uma imagem do erro?

Até mais.

https://i.imgur.com/tUKpmzh.png

Como dá para notar, a imagem dá erro quando abre

Saudações!

O erro não é no CSS, me mande o código completo por gentileza!

Até mais.

Eu estou usando esse código no Visualizações - Geral - Mensagem na Pagina Inicial.

Olá,
O senhor deseja retirar aquele ícone com erro? Caso seja, por gentileza, poderia retirar o seu fórum de manutenção para que eu possa encontrar qual seria o problema?

Até mais.