add padding-top to the entire jQuery Mobile page

Question

I'm looking to add a padding-top of 20px to my entire jQuery Mobile page. (a data-role="header" data-position="fixed" element is at the top of the page). How can I accomplish this?

body{
    padding-top: 20px;
}

Doesn't work. How can I fix this?

Answer 1

Whst´s about this one here?

.ui-page {
    padding-top: 20px;
}

This one`s better?

.ui-content {
    margin-top: 40px;
}