hi hello

i have a problem on my forum regarding to my chatbox ... 

i think some of the skins that i take messed up my chatbox .. anyways

i dont want to change my theme so i can have my chatbox working again ...

i want it to be fixed for this theme

here is my forum address 

Code:


1 | http://forum.cybermix.cf/
2 | http://cybermix.forumotion.com/


here is the screen shot of the problem

Code:


http://i.imgur.com/b4GqBZH.png


and here is a test account for my forum

Code:


REMOVED [ THIS IS SOLVED ]

user : [ REMOVED ]
pass : [ REMOVED ]

please help me A.S.A.P.

thanks to Forumotion

Put this in your CSS and see if it works for you

Code:

div.main-content.chatbox.clearfix, div#chatbox_top {
height: 300px;
}
#chatbox_header.main-head {
moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
background: #333 url(http://www.skinbox.net/demo/public/style_images/elegant/maintitle.png) repeat-x top;
background-color: #2f4979;
border-color: #2f4979;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: 0 -1px 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
color: rgba(255,255,255,0.8);
font-size: 12px;
font-weight: 300;
overflow: hidden;
padding: 9px 12px;
}
#chatbox_members {
   top: none !important;
   bottom: none !important;
   position: relative !important;
   float: left;
}
#chatbox {
bottom: 0;
left: 0;
line-height: 10px;
overflow: scroll;
position: relative;
right: 0;
top: 0px;
height: 200px;
}
.chatbox img[src="http://2img.net/i/fa/resize.gif"] {
display: none;
}
#chatbox_footer {
   position: relative !important;
}

THANKS THIS TOPIC IS SOLVED !