title: Firefox CSS outline bug?
body: <p>On Chrome and IE9 the CSS outline that I'm specifying does exactly what I want, and acts as a second border around the element I'm styling.</p>
  
  <p>On Firefox though, the outline gets expanded outwards so that it encompasses the ::after pseudo element that I've generated, as well as the main element.</p>
  
  <p>Is this a bug, or expected?  Any good/easy/clean workarounds for it?  I'd prefer to avoid adding extra markup if possible.</p>