title: CSS Background-position Chrome
body: <p>Ok so I have set a background-position property on an element through a class declaration. And for some reason chrome, and I'm assuming all webkit browsers, ignore the background-position property.</p>
  
  <p>I have like so</p>
  
  <pre><code>.buttonholder {
  background-position: -175px 0px;
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;span class='buttonholder'&gt;
  &lt;a href='index.php'&gt;Home&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I took out the firebug type tool in chrome and for some reason the tag comes up like so:</p>
  
  <pre><code>&lt;span class='buttonholder' style='background-position: 0% 0%; '&gt;
  </code></pre>
  
  <p>Even though there is no specific style declaration inside the elements tag. Any advice would be greatly appreciated</p>
  
  <p>Edit: Apparently people think I am trying to use this as a way to position the element. Which is false. I'm trying to position a background image.</p>