title: jQuery slide-out Facebook like box looks different in Chrome and Firefox
body: <p>I'm trying to add a Facebook slide-out like box to a site and have got the mechanism working well in Chrome but in Firefox and IE it doesn't retract all the way and it also doesn't fill the entire box with the background color.  Can anyone let me know what I'm missing?</p>
  
  <p>The live URL is: <a href="http://www.campyavneh.org/social-network-slider-test" rel="nofollow">http://www.campyavneh.org/social-network-slider-test</a></p>
  
  <p>Here's a JS Fiddle which seems to work well in both browsers so I'm not sure what I'm screwing up on the live site: <a href="http://jsfiddle.net/U9nw6/8/" rel="nofollow">http://jsfiddle.net/U9nw6/8/</a> and here's the necessary code:</p>
  
  <pre><code>    &lt;script&gt;
  jQuery(function($) {
      $(document).ready(function() {
          $('#panelHandle').hover(function() {
              $('#sidePanel').stop(true, false).animate({
                  'left': '0px'
              }, 900);
          }, function() {
              jQuery.noConflict();
          });
  
          jQuery('#sidePanel').hover(function() {
              // Do nothing
          }, function() {
  
              jQuery.noConflict();
              jQuery('#sidePanel').animate({
                  left: '-201px'
              }, 800);
  
          });
      });
  });
  &lt;/script&gt;
  
      /* Slide out social networking */
      #sidePanel {
          width:292px;
          position:fixed;
          left:-292px;
          top:15%;
          height:590px;
      }
      #panelHandle {
          height:128px;
          width:40px;
          border-radius:0 5px 5px 0;
          float:left;
          cursor:pointer;
      }
      #panelContent {
          float:left;
          width:292px;
          height:590px;
          background-color:#EEEEEE;
      }
      #panelHandle img {
          left: 292px;
          position: relative;
          top: -590px;
      }
  
  &lt;div id="sidePanel"&gt;
          &lt;div id="panelContent"&gt;
            &lt;iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcampyavneh&amp;amp;width=292&amp;amp;height=590&amp;amp;show_faces=true&amp;amp;colorscheme=light&amp;amp;stream=true&amp;amp;border_color&amp;amp;header=true&amp;amp;appId=132179142482" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"&gt;&lt;/iframe&gt;     
          &lt;/div&gt;
      &lt;div id="panelHandle"&gt;&lt;img src="/sites/all/themes/yavneh/images/fb_logo_side.jpg" alt="Facebook"&gt;&lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>Thanks for any help you can provide!</p>