title: box-shadow to the left side of a div only
body: <p>Alright, I know that this question has been asked before, but I have a kind of different CSS and the effect is different too. My CSS:</p>
  
  <pre><code>div.side-bar {
      text-align: right;
      width: 11%;
      margin-left: 88%;
      border-left: 1px solid #000;
      position: fixed;
      height: 88%;
      -webkit-box-shadow: -5px 0px 5px 0px #616161;
      box-shadow: -5px 0px 5px 0px #616161;
  }
  </code></pre>
  
  <p>So using the following code gives me a shadow to the left side as I wanted, but it also adds small shadows to both top and bottom sides too. How to have a shadow only on the left side?</p>