jQuery Forum

I'm trying to create a jQuery Mobile page that has both a header bar with an icon-supported link and a footer-tab bar that has third-party icons.  However, the css for the tab bar is overriding the header bar.  Here is the css I'm using for the tab bar:

<style>   
        .ui-btn .ui-btn-inner { padding-top: 40px !important; font-size:8px; }
        .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
        #features .ui-icon { background:  url("featureicon.png") 50% 50% no-repeat; background-size: 40px 40px; }
        #demo .ui-icon { background:  url("demoicon.png") 50% 50% no-repeat; background-size: 40px 40px;  }
    </style>

This is the css suggested by the jQuery Mobile docs.  However, it causes the header bar to display incorrectly.  Here is my header code:

<div data-role="page" data-theme="a">
    <div class="myheader" data-role="header"><a href="index.html" data-icon="home" >Home</a><h1>Demo</h1></div>

Basically, it causes the header icon button ("Home") to have really large height and to be offset to the left and top by too much.  Is there any way to set the css for the tab bar to be different from the header bar so that it displays properly?

Thanks

I'm new to jQuery Mobile, so hopefully this is a really easy answer.

I've built a simple php page that uses jQM  to show a list of links (using the <ul> <li> format).  Each <li> link uses a standard html anchor tag to go to load a different page.  However, the page that is linked to does not use jQM.  (It uses a javascript plugin that isn't compatible with jQM).  When this page loads, the plugin doesn't register because the page still seems to think it's under jQM control.  If the user refreshes the new page, though, then it works fine.

Is there a way to either force a single refresh on page load for the non jQM page, or (even better) to unload jQM on page exit for the first page?