Обрезка текста при использовании переполнения :скрыто

у меня есть простой html и csshttp://jsfiddle.net/JVfVv/1/

Проблема в том, что текст обрезается в safari/chrome/firefox на Mac.Удаление переполнения :hidden исправляет проблему, однако эта строка необходима по другим причинам. Линия удаления -высота :1; кажется, решает проблему, однако я получаю это из моей таблицы стилей сброса, и я не понимаю, почему это вызывает обрезку.

Кто-нибудь может объяснить, почему это происходит и как это исправить? спасибо