title: blur background image only
body: <p>as you can see the are two images on top portion of the page that is given in the link that are blur one is background image and one is the image above it both are blur what i want is to blur the background image only not the top one i dont know how to do it please help here is the link <a href="http://www.node.au.com/projects/at38/" rel="nofollow">http://www.node.au.com/projects/at38/</a> </p>
  
  <p>here is my css</p>
  
  <pre><code> #work-gallery 
    {
     background-repeat:no-repeat;
     background-size:cover;
     -webkit-filter: blur(5px);
    }
  </code></pre>
  
  <p>this is the html of the top image which i don't want to blur</p>
  
  <pre><code> &lt;div id="slideshow" style="margin-top: 17.5px;"&gt; 
     &lt;ul id="fdgSlides" style="width: 1275px; height: 425px; left: 0px;"&gt;
       &lt;li class="fdgSlide" style="width: 1275px;"&gt;
         &lt;img src="node.au.com/wp-content/uploads/thumb_at38_01.jpg"; alt="" style="width: auto; height: 100%; margin-top: -212.5px;"&gt; 
       &lt;/li&gt;  
      &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>