Thread: Floating Facebook Fan box

.tufflikebox{background:url("/facebook.png") no-repeat scroll left center transparent!important;
	display:block;float:right;height:270px;padding:0 5px 0 46px;width:245px;
	z-index:99999;position:fixed;right:-250px;top:20%}
.tufflikebox div{border:none;position:relative;display:block}
.tufflikebox span{bottom:12px;font:8px "lucida grande",tahoma,verdana,arial,sans-serif;
	position:absolute;right:6px;text-align:right;z-index:99999}
.tufflikebox span a{color:#808080;text-decoration:none}
.tufflikebox span a:hover{text-decoration:underline}

<script type="text/javascript">
//<!--
	$(document).ready(function() {$(".tufflikebox").hover(function() 
	{$(this).stop().animate({right: "0"}, "medium");}, function() 
	{$(this).stop().animate({right: "-250"}, "medium");}, 500);}
	);
//-->
</script>
<div class="tufflikebox" style="">
		<div>
			<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftuffclassified&amp;
     			width=245&amp;
				colorscheme=light&amp;
				show_faces=true&amp;
				connections=9&amp;stream=false&amp;
				header=false&amp;
				height=320" scrolling="no" frameborder="0" scrolling="no" style="border: medium none;
				overflow: hidden;
				height: 320px;
				width: 245px;
				background:#fff;">
			</iframe>
		</div>
</div>