title: IE and Safari add extra padding
body: <p>Since I'm fairly sure this is an instance of the <a href="https://meta.stackexchange.com/q/66377/188613">XY Problem</a> I'm going to start with the <em>Y</em>. I have an image that's 300px wide, and I want three links underneath the image, flush against it. The last link needs to grow in size to fill the remaining space.</p>
  
  <p>Now for the <em>X</em>. The markup I have works perfectly in Chrome and Firefox, but in IE and Safari the third link is 2px too large.</p>
  
  <p>For your copy/pasting pleasure:</p>
  
  <pre><code>&lt;head&gt;    
      &lt;style type="text/css"&gt;
          .breakfast
          {
              text-transform: uppercase;
              padding: 10px 25px;
              margin: 5px -5px;
              font-family: Arial, Sans-Serif;
              font-size: 14px;
              font-weight: bold;
              background-color: #d9e021;
              color: #00add0;
              text-align: center;
              text-decoration: none;
              display: inline-block;
          }
  
          .breakfast:hover
          {
              text-decoration: none;
              background-color: #bdc400;
              color: #0198b6;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          &lt;img src="my_awesome_image.jpg" width="300"
              height="190" alt="My awesome image." /&gt;
      &lt;/div&gt;
      &lt;div style="margin-left: 5px; margin-top: -5px;"&gt;
          &lt;a class="breakfast" href="#"&gt;BOSTON &lt;/a&gt;
          &lt;a class="breakfast" href="#"&gt;CHICAGO &lt;/a&gt;
          &lt;a class="breakfast" href="#" style="width: 38px;"&gt;DC &lt;/a&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Or a <a href="http://jsfiddle.net/MrLister/pX6S7/1/" rel="nofollow noreferrer">jsFiddle</a>, graciously provided by Mr.Lister.</p>
  
  <p>So the final link, "DC" sticks out beyond the image by 2px in Safari and IE. If I shave off 2px, it's too short in Chrome and Firefox. I also tried adding padding to the left and right  of the link but same deal.</p>