Новая исправленная ошибка позиции на iOS8

У меня есть сайт с фиксированным заголовком и выдвижными боковыми панелями. В iOS7 в портретной ориентации фиксированный заголовок остается фиксированным, когда боковая панель видна, но в iOS8 заголовок слегка сдвигается вверх в зависимости от того, насколько далеко вы прокручиваетесь. Мне нужно, чтобы оставаться на месте.

Смотрите этот jsbin:http://jsbin.com/xuyevi/2/

Основными элементами являются заголовок, боковая панель и основной контент. Заголовок фиксируется в верхней части экрана с помощью фиксированной позиции и имеет z-индекс, который удерживает его над содержимым при прокрутке.

Боковая панель прикреплена к левой стороне экрана и изначально скрыта, переведя влево на собственную ширину.

Чтобы открыть боковую панель, каждый из заголовка, содержимого и боковых панелей переводится вправо по ширине боковой панели.

Опять же, это прекрасно работает на iOS7 и во всех других браузерах, которые поддерживают translate3d, и даже корректно работает в iOS8 в горизонтальной ориентации. Но в iOS8 в портретном режиме фиксированный заголовок соскользнет с экрана в зависимости от того, как далеко вниз прокручивается пользователь.

Кроме того, использование инспектора Safari показывает, что пункты меню на экране смещены относительно их ожидаемых положений. То есть Выбор элемента в инспекторе выделяет область на экране, которая смещена относительно фактического местоположения, в котором он отображается.

Кто-нибудь еще сталкивался с этим? Кто-нибудь знает исправление?

РЕДАКТИРОВАТЬ: Инспектор думает, что заголовок с фиксированной позицией именно там, где он должен быть, даже если он фактически отталкивается от экрана.