title: How to remove white border from blur background image
body: <p>How to remove the white blur border from the background image.</p>
  
  <pre><code>&lt;div class="background-image"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>CSS, i tried adding margin:-10px but it doesn't work</p>
  
  <pre><code>.background-image {
    background: no-repeat center center fixed; 
     background-image: url('http://www.hdpaperz.com/wallpaper/original/windows-8-wallpapers-2560x1600-2311_1.jpg') ; 
    background-size: cover;
    display: block;
    height: 100%;
    left: -5px;
    top:-5px;
    bottom:-5px;
    position: fixed;
    right: -5px;
    z-index: 1;
    margin:0px auto;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  
   }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/maio/8wq132nd/1/" rel="noreferrer">http://jsfiddle.net/maio/8wq132nd/1/</a></p>