title: Is there a way to position a background image relative to the centre of an element?
body: <p>I have an element that I wish to apply a background to, though I want the background image to be positioned based on its right co-ordinate.</p>
  
  <p>I could use a container div to represent the background though it's not really practical in this situation.</p>
  
  <p>I presently have the following rule:</p>
  
  <pre><code>.myelem {
    background-image: url("myelem.png");
    background-position: 5% 60%;
    background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>Which for the most part works because of the size of the image. If it were possible I'd like to have something that specified that the relative position of the background was <code>middle</code> instead of <code>left</code>.</p>