title: CSS3 background-position issue with Safari only
body: <p>The following code renders well in IE9, FireFox, Chrome, but not in Safari:</p>
  
  <pre><code>.search-choice
  {
    position: relative;
    background-clip : padding-box;
    background-image: url('../Design/icon_chosen_close.gif');
    background-repeat: no-repeat;
    background-position: top 6px right 6px;
  }
  
  &lt;ul class="chzn-choices"&gt;
      &lt;li class="search-choice" id="selLVB_chzn_c_0"&gt;
          &lt;span&gt;multi1&lt;/span&gt;&lt;a href=# class="search-choice-close" rel="0"&gt;&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Safari doesn't seem to take into account the background-position. I have tried a number of variants (like background-position-x: right 6px), but nothing seems to work. I just can't offset the background image in Safari starting from the top right corner.</p>
  
  <p>Any ideas? Thanks a lot for your time!</p>