title: Absolute position for an IMG in a LI
body: <p>I'm using jQuery to add an image in the active list element of my navigation (ul li.active). Works fine.</p>
  
  <p>For a design purpose, I'd like to absolute position this img and add a <code>left: 50%;</code> to make it centered. Works fine in every browsers except Firefox(latest) on OS X and Safari on Windows XP. 
  These apply the <code>left: 50%;</code> relative to the UL and not the LI with a <code>position: relative;</code></p>
  
  <p>Where it works, the image appears centered, below the content on my LI.</p>
  
  <p>URL : <a href="http://aerokure.steveforest.com/produits/insecticides-pour-le-jardin.html" rel="nofollow">http://aerokure.steveforest.com/produits/insecticides-pour-le-jardin.html</a>
  It's the black menu below the logo.</p>
  
  <p>Tried to put a <code>display: block;</code> on the img as some suggest : nothing.</p>
  
  <p>Anything?</p>
  
  <p>Thanks</p>