title: CSS positioning anomaly Safari/Chrome
body: <p>Please see the following example: </p>
  
  <p><a href="http://6329195.com/stackoverflow/css_li_weird/index.html" rel="nofollow noreferrer">http://6329195.com/stackoverflow/css_li_weird/index.html</a></p>
  
  <p>If you refresh the page, every once in awhile one of the images will move down to be noticeably out of line with the others. It doesn't appear to happen in Firefox. It only happens every once in awhile. Most often it happens to the last image, but it can occur to any/multiple at a time. You can view a screenshot of the problem here: </p>
  
  <p><img src="https://i.stack.imgur.com/cQRXH.png" alt="enter image description here"></p>
  
  <p><a href="http://6329195.com/stackoverflow/css_li_weird/screenshot.jpg" rel="nofollow noreferrer">http://6329195.com/stackoverflow/css_li_weird/screenshot.jpg</a></p>
  
  <p>Can anyone tell me what is wrong/why it does this? </p>
  
  <p>(The list is ultimately used for a jQuery slideshow, hence the blank href in the a tags)</p>