Нужно, чтобы div составлял 100% высоты данной области, но не переполнял тело

Я использую jQuery mobile, и у меня есть два основных требования:

1. основной контент-объект будет представлять собой огромную графику, которая должна занимать всю страницу, а затем прокручивать (горизонтальную и вертикальную), если она переполняется
2. заголовок должен быть зафиксирован на месте сверху и если экран повернут, заполните его, чтобы развернуть

Таким образом, внутри моего div я ui-content я добавляю div со следующими свойствами:

<div style="position: absolute; height: 100%;width:100%;top:42px;border:0;overflow:auto;">

Проблема в том, что этот div все еще слишком велик, поэтому отображается полоса прокрутки body а также этот div (две полосы прокрутки на вертикальной плоскости).

Здесь jsfiddle того, что у меня (две вертикальные полосы прокрутки, одна горизонтальная полоса прокрутки)

http://jsfiddle.net/jN9r3/

Вот пример того, что я пытаюсь сделать. (одна вертикальная полоса прокрутки, одна горизонтальная полоса прокрутки)