title: Why I can't see bottom of scroller bar
body: <p>I have problem with bottom of scroller bar, I don't have arrow down.</p>
  
  <p>Also I added overflow-y:scroll !important; </p>
  
  <p><a href="http://jsfiddle.net/nzguLb3k/" rel="nofollow">http://jsfiddle.net/nzguLb3k/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="first"&gt;
      &lt;p&gt;
          CSS image replacement is a technique of replacing a text element (usually a header tag like an &lt;h1&gt;&lt;/h1&gt;) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.
  
  Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
          CSS image replacement is a technique of replacing a text element (usually a header tag like an &lt;h1&gt;&lt;/h1&gt;) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.
  
  Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
      &lt;/p&gt;
  
  &lt;/div&gt;
  &lt;div class="second"&gt;
     Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.first{
      display:inline-block;
      vertical-align:top;
      width:100px;
      height:1000px;
      overflow-y:scroll !important;
  }
  .second{
      margin-left:100px;
      display:inline-block;
      vertical-align:top;
       width:100px;
      height:100px;
  }
  body{
  overflow-y:hidden;
  }
  </code></pre>