title: firefox displays image in a black box
body: <p>i've got 2 linked images and when i open my website in safari or chrome they work fine but when i open it with firefox the images are black outlined. </p>
  
  <p>you can see this here: <a href="http://cl.ly/3c0G0W1F1T1Y1e3I0K08" rel="nofollow">http://cl.ly/3c0G0W1F1T1Y1e3I0K08</a></p>
  
  <p>the html code is:</p>
  
  <pre><code>&lt;div id="buy"&gt;&lt;a href="http://stackoverflow.com"&gt;&lt;img {border: none;} src="img/buy.png" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;div id="support"&gt;&lt;a href="mailto:mail@mail.com"&gt;&lt;img {border: none;} src="img/contact.png" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and the css code is:</p>
  
  <pre><code>#buy {
  position: absolute;
  width: 153px;
  height: 50px;
  margin-left: 750px;
  margin-top: 370px;
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>#support {
  width: 200px;
  height: 55px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  } d d
  </code></pre>
  
  <p>where is the problem? it still doesn't work</p>