jQuery Mobile persistant external fixed header problem

jQuery Mobile persistant external fixed header problem

i want to ad an external persistant header like in the demo here:


i only want the header. no footer.

but when i do this on my page with this script:

$(function() {
    $( "[data-role='header']").toolbar();
});

i always get some space at the buttom of the page. its free space - i think for the footer. 

the page height itself is ok, but the ui-panel-wraper is to short.

can enyone help please?