title: Firefox says "Could Not Load Image" for some images, adds weird classes automatically
body: <p>I've tried several times and several ways, but can't figure this out. The below set of images load perfectly in non-firefox browsers, but ALL of them are invisible in firefox. If I bring up the document inspector and hover the mouse over the url, the images pop up for only google and email (which are the only two that don't have that weird class on them). </p>
  
  <p>So I guess the question is: why is firefox adding a weird class to my images (just these, all others on the page work fine) and why don't any of them show up in this area?</p>
  
  <pre><code>   &lt;div id="share_icons"&gt;
              &lt;img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/facebook.png" id="share_facebook"&gt;
              &lt;img src="http://localhost:80/graphics/share/google.png" id="share_google"&gt;
              &lt;img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/pinterest.png" id="share_pinterest"&gt;
              &lt;img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/tumblr.png" id="share_tumblr"&gt;
              &lt;img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/twitter.png" id="share_twitter"&gt;
              &lt;img src="http://localhost:80/graphics/share/email.png" id="share_email" pop="Send a link to this list to friends via e-mail. &lt;b&gt;Note:&lt;/b&gt; recipients must already be users of the site or your view settings must allow public views for them to see it!"&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Here is the calculated CSS of the #share_icons area:</p>
  
  <pre><code>#share_icons {
  width: 150px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }
  * {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  font: inherit;
  vertical-align: baseline;
  -moz-box-sizing: border-box;
  }
  </code></pre>
  
  <p>Another thing I noticed, when I click on any of the images in this area, the pop up box for the inspector which usually hovers over the element where it is on the page is at the top left of the screen as if the images are all off screen somewhere. </p>
  
  <p>Already tried clearing the cache completely. Also tried manually loading the image urls in Firefox and the images load and display fine if I do this. I've also moved the image tags to other places on the page to make sure this isn't a nested CSS thing.</p>