title: Div disappears in production, but not in testing with webkit filter
body: <p>Ok, so this is the problem that I am having. I have applied a blur filter to an image on my website. Whenever I first go to the site (production) everything loads fine. All of the content is there. However, when I navigate to another page on the site and then back to the homepage, the image which was blurred disappears and isnt rendered. I'm not quite sure why this is happening. The odd thing is that this doesn't happen when I test it out on a server on my local machine, it is only in production.</p>
  
  <p>Here is the html</p>
  
  <pre class="lang-html prettyprint-override"><code>  &lt;div class="stuff" style="display: block; text-align: center;"&gt;
    &lt;div id = "owl-demo" class="owl-carousel hidden-sm hidden-xs "&gt;
      &lt;div class="item active"&gt;
        &lt;div class="blur"&gt;
        &lt;%=link_to(image_tag('scifi.jpeg', :alt =&gt; "Slide1", :class =&gt; "img-responsive", :style =&gt; "height: 600px;"), contact_path )%&gt;
          &lt;/div&gt;
        &lt;div class="row-fluid"&gt;
          &lt;div class="carousel-caption" style="text-align: center; vertical-align: middle;"&gt;
            &lt;div class="col-md-12"&gt;
              &lt;div style="padding-bottom: 110px; text-align: center;"&gt;
                &lt;%=image_tag('logo.png', :alt =&gt; "Slide1", :class =&gt; "img-responsive", :style =&gt; "height: 300px; width: auto; display: block; margin:0 auto;")%&gt;
                &lt;div style="padding-bottom: 5px;"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  
  
  <p>And The CSS for the image. (note, I am using owl-carousel, however it is a single image, not an actual carousel.)</p>
  
  <pre class="lang-css prettyprint-override"><code>#owl-demo .item img{
    opacity: 1.0;
    display: block;
    width: 100%;
    height: auto;
  }
  .blur{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    overflow: hidden;
    margin: -5px -10px -10px -5px;
  }
  </code></pre>