title: CSS links behaving differently in Chrome and Safari vs Firefox
body: <p>currently i'm having 2 issues. first of all, in chrome and safari there is a gray border around an image link. the border isn't there in firefox. here's the code:</p>
  
  <pre><code>&lt;a href="link.html" target="_blank"&gt;Link title &lt;img class="leaving" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>and css:</p>
  
  <pre><code>.leaving {
      background-image: url("images/leaving.png");
      height:10px; width:10px;
      display:inline-block;
      background-repeat:no-repeat;
      border:none;
  }
  </code></pre>
  
  <p>how do i get rid of the border?</p>
  
  <p>also, certain heading links are being underlined in chrome and safari even though i set text-decoration to none. i would like to know how to get rid of the underline and also how to change it's color.</p>
  
  <pre><code>&lt;a href="link"&gt;
  &lt;h3&gt;Title&lt;/h3&gt;
  &lt;/a&gt;
  
  a h2,h3{
      color:#00264B;
      text-decoration:none;
  }
  </code></pre>
  
  <p>"a" is set to underline in other places, but shouldn't "a h3" override anything else? what's going on here?</p>
  
  <p>thanks.</p>