title: CSS: Overflow:hidden removing border-bottom?
body: <p>I am making a HTML page, and have attempted to set a <code>&lt;a&gt;</code> tag a <code>border-bottom</code>. </p>
  
  <p>It would <strong>not</strong> show, whatever I did. So I made a reduced test case that can be seen here:</p>
  
  <p><a href="http://codepen.io/hwg/pen/ILKdx" rel="noreferrer">http://codepen.io/hwg/pen/ILKdx</a></p>
  
  <p>Happens in FF beta, and Chrome 22. </p>
  
  <p>If I remove the <code>overflow:hidden;</code> or change it to <code>overflow:visible</code>, it works. The problem is that I <strong>need</strong> to have that set.</p>
  
  <p>So how can I have a border-bottom? (or is it me :) )</p>
  
  <p>(I cannot use text-underline, want it dotted)</p>
  
  <p>Thanks</p>
  
  <p>Harley</p>