title: Fixed sidebar with fixed footer
body: <p>How can I make a sticky sidebar with a footer that doesn't move when the page is scrolled. I tried this css but its making the sidebar not appear at all. </p>
  
  <pre><code>#sidebar-wrapper {
      z-index: 1000;
      position: fixed;
      left: 250px;
      width: 0;
      height: 100%;
      margin-left: -250px;
      overflow-y: auto;
      background-color: #F8F8F8;
  }
  </code></pre>
  
  <p>But the sidebar isn't showing up at all. I have a fiddle of a working demo: <a href="https://jsfiddle.net/DTcHh/15259/" rel="nofollow">https://jsfiddle.net/DTcHh/15259/</a></p>