title: CSS check for Chrome, IE, Firefox
body: <p>I've noticed a small alignment issue in the three major browsers when rendering my web site.  As such how can I perform the following pseudo-code with pure CSS?</p>
  
  <pre><code>if Webkit (Safari/Chrome) {
      #myDIV {margin-top:-3px}
  } else if (Firefox) {
      #myDIV {margin-top:0px}
  } else { // IE and other browsers
      #myDIV {margin-top:1px}
  }
  </code></pre>