title: CSS: Margin problem with Safari
body: <p>On the <a href="http://like-o-potomo.us" rel="nofollow"><strong>site I'm working on</strong></a>, for some reason the margin is needing to be different for Safari than in FF, IE8, Chrome &amp; Opera? I have a link that I want lined up next to a label. It's lining up fine in all but Safari which needs a 12 pixel difference. Here's a screenshot to better describe the issue: <a href="http://img849.imageshack.us/img849/8665/323201185022pm.png" rel="nofollow"><strong>Click</strong></a></p>
  
  <p>The Safari screenshot shows the label down too low. This is the CSS I use for the working 4 browsers:</p>
  
  <pre><code>.submitter a {
      float: right;
      margin: -2px 0 0 2px;
      padding: 0 !important;
  }
  </code></pre>
  
  <p>And here's the code that works for Safari, however, usig it throws the link UP 12 pixels.</p>
  
  <pre><code>.submitter a {
      float: right;
      margin: -14px 0 0 2px; Works in Safari &amp; Chrome
      padding: 0 !important;
  }
  </code></pre>
  
  <p>Anyone able to shed some light on this? TIA</p>