I'm trying to center the text in the middle of JQM page, vertically and horizontally. Using 1.4.5, default theme.

In my .css I have:

1.     .splashDiv {
2.         position: absolute;
3.         top: 50%;
4.         height: 50%;
5.         width: 100%;
6.         text-align: center;
7.         padding:0;
8.     }

HTML

1.     <div class="splashDiv" data-role="page">
2.         Please wait...
3.     </div>

The result is:

The text is vertically centered only if I remove `top: 0` directive in developer tools(although not perfectly centered).

My question is what is the proper way according to JQM architecture to have what I want? I am not looking for quick/dirty workaround, unless there is no other way.