title: jQuery scroll left is not working when using position absolute?
body: <p>My HTML like this </p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="next" style="postion:fixed;"&gt;Next&lt;br&gt;&lt;br&gt;&lt;/div&gt;
    &lt;div id="container"&gt;
      &lt;div id="cont"&gt;
       &lt;div class="Element" style="background:blue; left:0; "&gt;&lt;/div&gt;
       &lt;div class="Element" style="background:orange; left:100%;"&gt;&lt;/div&gt;
       &lt;div class="Element" style="background:pink; left:200%;"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>My js for scroll-left</p>
  
  <pre><code>$('#next').click(function() {   
      $('#container').animate({
          scrollLeft: $('#container').scrollLeft() + 400
      });
  });
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#container{
  overflow-x:hidden; 
  overflow-y:hidden;
  }
  .Element{
  width:100%; 
  height:50%;
  position:absolute;
  height:50%;
  }
  </code></pre>
  
  <p>I tried to display the div tag with <code>position:absolute</code> with <code>scrollLeft</code> function. But scrollleft is not working on <code>position:absolute</code>.  But <code>position:relative</code> is works fine. I want to display the div tag with position absolute with scrolling option? How can i do it?</p>
  
  <p>JSFiddle</p>
  
  <p><a href="http://jsfiddle.net/aja_aja/s9snvk5s/9/" rel="nofollow">http://jsfiddle.net/aja_aja/s9snvk5s/9/</a></p>