footer with ui-bar class too large on iOS

footer with ui-bar class too large on iOS

Hi list,

I've been searching hours, restarted project from scratch twice and now copy/paste the doc examples and facing the same problem : As soon as I set class="ui-bar" to the footer the footer bar is wider than device width.
Touching a button in the footer seems to rescale correctly the footer.

  1. <!DOCTYPE html>
    <html>
        <head>
        <title>Page Title</title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
    </head>
    <body>

    <div data-role="page" id="home">

        <div data-role="header">
            <h1>Page Title</h1>
        </div><!-- /header -->

        <div data-role="content">   
            <p>Page content goes here.</p>       
        </div><!-- /content -->

        <div data-role="footer" class="ui-bar" data-position="fixed">
        <a href="index.html" data-role="button" data-icon="delete">Remove</a>
        </div><!-- /footer -->
    </div><!-- /page -->
    </body>
    </html>




























I am doing something wrong ?