Background-size:cover and persistent nav-bars

Background-size:cover and persistent nav-bars

Hi,

I made a simple website with a background image set for .ui-page that covers the whole page. There's also a persistent nav bar at the bottom. It seems that whenever a new page is fetched, the background image is initially loaded larger than it should be then is resized down to the screen. You can the issue in my test page.

Is this a bug? Am I doing something wrong? Is there a fix or a workaround? Thanks.

[Update: It doesn't seem like there is a problem when the window is maximized; only when the window isn't full screen.]