title: CSS fading top and bottom "borders"
body: <p>Take a look at this : <a href="http://jsfiddle.net/wjhnX/">http://jsfiddle.net/wjhnX/</a></p>
  
  <p>I achieved it with this CSS : </p>
  
  <pre><code>background-image: radial-gradient(#CCC, #FFF), radial-gradient(#CCC, #FFF);
  background-size:    2px 100%;
  background-position: 0 0, 100% 0;
  background-repeat:  no-repeat;
  </code></pre>
  
  <p>Is this possible to do but the simulated borders would be top and bottom, not left and right ?</p>
  
  <p>Thanks ahead !</p>