Почему переполнение -x :скрыто обрезает мои нисходящие элементы?

Я хотел бы иметь элемент заголовка с overflow-x:hiddenи overflow-y:visible. Однако по какой-то причине свойство overflow-yне соблюдается. Вы можете наблюдать это здесь (протестировано в Chrome и Firefox): http://jsfiddle.net/YgsAw/3/

В этой демонстрации я ожидаю увидеть «jjjjj», но вместо этого буквы j обрезаны и больше похожи на единицы.

Если я устанавливаю overflow-x:visibleв теге h1, то внезапно становится видна вся высота текста, но установка overflow-x:hiddenделает его обрезанным. Я ожидал бы такого поведения от overflow-y, но, похоже, это не имеет никакого эффекта. Почему это так и что я могу с этим поделать?