title: Overflow Scroll using css
body: <p>I make the <code>div</code> as <code>parent</code> and inside the <code>parent div</code> i make sub <code>child div</code> which is of content.
  Everything works perfect but my question is, I make the the <code>parent div</code> as <code>overflow:scroll</code> 
  Like</p>
  
  <pre><code>#testing {
      width:400px;
      height:390px;
        background:steelblue;
      overflow:scroll;
  }
  </code></pre>
  
  <p>It appear like this here
  <img src="https://i.stack.imgur.com/ALZcN.png" alt="enter image description here"></p>
  
  <p>You can see this picture.
  Overflow scroll is looks like this way appear :( see this in right side and bottom of image with arrow)
  Why this should happen on using <code>overflow:scroll</code> I don't want this view scroll should appear only if the content exceeds the div. I am not sure how to do this.
  <a href="http://jsfiddle.net/ShvzM/4/" rel="nofollow noreferrer">http://jsfiddle.net/ShvzM/4/</a></p>
  
  <p>Any suggestion would be great.</p>
  
  <p>Thanks.</p>