title: Positioned Fix Div to the Right Side of a Div and hold it in the wrapper
body: <p>I have a middle div that is controlled by two divs as buttons which are in the right side and in the left side of that middle div.
  TO make these two divs as control buttons, they have to be in the fixed positions. The problem is I want theses two fixed divs wrapped in the wrapper div which its width is 80% and has auto margins, so that these two divs will stay in the sides of the 'middle div' when the window is scaled.</p>
  
  <p>Here is the script that make these two divs as control buttons:</p>
  
  <pre><code> $(document).ready(function () {
         $("#right").click(function () { 
         var leftPos = $('.DivDataMain').scrollLeft();
         $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 800);
    });   
  
         $("#left").click(function () { 
         var leftPos2 = $('.DivDataMain').scrollLeft();
         $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 800);
    });   
         });   
  </code></pre>
  
  <p>And here is the css that SHOULD make these two divs have to be  in the sides of the middle div:</p>
  
  <pre><code>.DivDataMain {
       width:100%;
       overflow:hidden;
       display:block; 
       background:#000; 
       height:400px; 
       margin:auto;
       position: relative;
  }
  
  #left {
       width:60px;
       overflow:hidden;
       display:block;
       background:rgba(204, 204, 204, 0.5); 
       height:200px;
       float:left; 
       clear:none; 
       position:fixed; 
       z-index:2;}
  
  #right {
      width:60px;
      overflow:hidden;
      display:block;
      background:rgba(204, 204, 204, 0.5); 
      height:200px;
      clear:right;
      right: 0;
      position:fixed;
      z-index:3;}
  
  #midleBody {
     width:auto;
     overflow:hidden;
     display:block;
     background:#CFC;
     height:200px;
     float:left; 
     clear:none; 
     position:fixed; 
     z-index:1;
  }
  </code></pre>
  
  <p>And then here is the demo: <a href="http://jsfiddle.net/Alkasih/UHmJ2/4/" rel="nofollow">Left Div &amp; Right Div overlap</a></p>
  
  <p>Thanks in Advance</p>