title: Images showing up in IE and Chrome, but not Firefox
body: <p>This one has me stumped.  I'm not sure where to start on this one.</p>
  
  <p>Images show up fine in IE, Chrome, and even my Android phone! What am I doing wrong?</p>
  
  <p>This is all HTML &amp; JQuery.  JQuery is dynamically populating the pieces on page load. (via an array in defaultRules.js)</p>
  
  <p>Later, I will have fixed and redeployed this, images looked like this:</p>
  
  <pre><code>&lt;img id="WhiteQueen" class="ui-widget-content ui-draggable" src="..\images\chessPieces\Chess.Merida\wq.png" style="z-index: 0; position: relative; "&gt;
  </code></pre>
  
  <p>http://www.chessmangler.com/</p>