title: Why does overflow-x:hidden clip my descenders?
body: <p>I would like to have a title element with <code>overflow-x:hidden</code> and <code>overflow-y:visible</code>. However, for some reason the <code>overflow-y</code> property does not seem to be obeyed. You can observe this here (tested on Chrome and Firefox):
  <a href="http://jsfiddle.net/YgsAw/3/">http://jsfiddle.net/YgsAw/3/</a></p>
  
  <p>In that demo, I expect to see "jjjjj", but instead the j's are cut off and look more like 1's.</p>
  
  <p>If I set <code>overflow-x:visible</code> on the <code>h1</code> tag then suddenly the full height of the text is visible, but setting <code>overflow-x:hidden</code> makes it clipped. I would expect this behavior from <code>overflow-y</code>, but that seems to have no effect. Why is this, and what can I do about it?</p>