Well, an MVC example with multiple files is hard to put on jsbin, that's why I kept it simple (or rather used an existing one).
Maybe knowing the hierarchy of controls in your case would help to understand what's going wrong. If there are just plain controls directly inside a Page control, it does not make a difference whether Views were used or not.
Actually in MVI the position/top:0px is correct and the child of this <section> (holding all the controls) should be pushed down by a border-top-width which equals the header height and depends on the platform.
(with no fakeOS, the platform would not be set and this top border would be missing, but that's what we discussed before)
If it works for you - fine. But still overriding the page content positioning could break something. The "absolute" is there for a reason.
To be precise: to clamp the page content area between header and footer by setting top and bottom to zero or other fixed values. A fixed pixel or percentage height cannot be used for this. As a result the height of your Page content area might extend only as far as the Page is filled with controls. If the screen is taller than the list of controls, the user won't be able to pull down the page if he touches it below its lower edge, which now is not at the bottom screen edge (or footer) anymore.
Regards
Andreas