O co może chodzić

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(function(){ $("#fb_rozwin").css("left","-205px"); $("#fb_rozwin").hover(function(){ $("#fb_rozwin").animate({left: "0px"}, {queue:false,duration:800} ); $(this).addClass("zwin"); return false;}, function(){ $("#fb_rozwin").animate({left: "-205px"}, {queue:false,duration:700} ); $(this).removeClass("zwin"); return false; }); }); </script>
div id='fb_rozwin'><!-- Facebook --> <div id='fb_zawartosc'> <fb:like-box href="http://www.facebook.com/############" width="182" height="340" colorscheme="light" show_faces="true" stream="false" header="false"></fb:like-box> <!-- Tego nie wolno usuwac <div style="text-align:center; font-size:xx-small"> <a target="_blank" title="Wysuwany likebox" href="http://skrypt.uni.me/news.php?readmore=6">likebox</a> </div> Tego nie wolno usuwac --> </div> </div>
/* Formatowania widget facebook */ #fb_rozwin { height: 402px; width: 235px; top: 50%; left: 0px; position: fixed; margin-top: -201px; /* = wysokosc panelu / 2 (polozenie panelu w pionie) */ padding: 10px; background: url("http://img841.imageshack.us/img841/5074/bglikeboxfacebookfanpag.png") no-repeat scroll 0 0 transparent; } .zwin { background-position: 0px 0px -242px 0px; } #fb_zawartosc { height: 357px; width: 182px; display: block; float: left; background-color: #cddcdf; }