title: CSS background image centered with Stellar JS
body: <p>I'm setting a background image to an element with Stellar JS and trying to achieve a centered image that moves in parallax.  However when I try to use the standard approach I realize that the background-position is updated by stellar which then overrides the centering (I'm assuming that's what's overriding it).  I've created a fiddle to explain the situation.</p>
  
  <p><a href="http://jsfiddle.net/captDaylight/wvuQm/1/" rel="nofollow noreferrer">http://jsfiddle.net/captDaylight/wvuQm/1/</a></p>
  
  <p>Is there any way to have the image remain centered on scroll?</p>
  
  <p>(stack is making me to accompany this post with code, although it's insignificant in this case, the example on the fiddle is pretty straightforward, so I'm posting something to bypass)</p>
  
  <pre><code>background: url(http://upload.wikimedia.org/wikipedia/commons/e/e5/Seine_wide.jpg) no-repeat center center; 
  background-size: auto 100%;
  </code></pre>
  
  <p>&lt;>
  I was reading this other <a href="https://stackoverflow.com/questions/12484196/problems-with-background-image-position-on-stellar-js">stack post</a> about background-position, but when I tried to do the update it suggested it seems to have broken the parallax.</p>
  
  <p><a href="http://jsfiddle.net/captDaylight/wvuQm/3/" rel="nofollow noreferrer">http://jsfiddle.net/captDaylight/wvuQm/3/</a></p>