title: Bootstrap Glyphicons hiding border
body: <p>For some reason, glyphicons hide a border of a container if it's being floated. Can someone explain this, and if there's a known workaround?</p>
  
  <p><a href="http://www.bootply.com/kmhAN31yEn" rel="nofollow noreferrer">bootply.com/kmhAN31yEn</a></p>
  
  <p><a href="https://i.stack.imgur.com/CXZSd.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CXZSd.jpg" alt="glyphicon bug"></a></p>
  
  <p>OS X 10.11.1, Chrome 47.0.2526.73 (64-bit)</p>