title: Sticky scroll container not working in IE
body: <p>For some reason, this works in all major browsers, but not IE (surprise, surprise).</p>
  
  <pre><code>$(function() {
  var stickyDiv = $('#js-sticky-wrap'); // div to clone
  var clonedCss = 'js-sticky-fix'; // css class with fixed positioning
  stickyContainer(stickyDiv, clonedCss);
  
  function stickyContainer(stickyDiv, clonedCss, clonedWidth) {
      if (clonedWidth === undefined) { // use original container width
          var clonedWidth = $(stickyDiv).width();
      }
  
      var menuTop = stickyDiv.offset().top; // Capture visible content height
      var menuClone = stickyDiv.clone(true).addClass(clonedCss); // Clone current div, apply fixed style
      var dropShadow = $('&lt;div class="js-drop-shadow"&gt;&lt;/div&gt;').hide();
      // Append dropshadow style
      stickyDiv.append(dropShadow);
  
      $(window).bind('scroll', function() {
          var scrollY = window.pageYOffset; // get total px from vertical scroll
          if (scrollY &gt; menuTop) { // they scrolled &gt; than the original offset
              if (menuClone.parent().length === 0) {
                 stickyDiv.addClass(clonedCss).width(clonedWidth);
                  menuClone.after(stickyDiv.parent());
                  dropShadow.show();
              }
          } else {
              stickyDiv.removeClass(clonedCss);
  
              dropShadow.hide();
              menuClone.remove();
          }
  
      });
  }
  </code></pre>
  
  <p>});</p>
  
  <p><a href="http://jsfiddle.net/someprimetime/KT7A2/11/" rel="nofollow">Example on jsfiddle</a></p>
  
  <p>Is there a method that just isn't supported with IE that I am using? Can't seem to pin it down, as I'm not getting any errors in developer tools.</p>