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:
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?