For change that width I have changed the next files:
·style.css
#facebook_div {width: 296px;height: 353px;overflow: hidden;}
#facebook_left{z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:296px;height: 353px;position: fixed;left: -300px;}
·social_slide.php
<?php if ($facebook==”on”){ ?>jQuery(“#facebook_<?php echo $facebook_position; ?>”).hover(function(){ jQuery(this).stop(true,false).animate({<?php echo $facebook_position; ?>: 0}, 500); },function(){ jQuery(“#facebook_<?php echo $facebook_position; ?>”).stop(true,false).animate({<?php echo $facebook_position; ?>: -300}, 500); });<?php } ?>
For the problem about jQuery conglict, in the file social_slide.php I have deleted the next line
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/cjquery.min.js”></script>
Tested in Firefox and IE8&9