Cannot remove header back button

Cannot remove header back button

I am using jQuery mobile to build a demo project for class. I have created a navbar at the top and when I click on an item in the navbar, a back button is automatically generated and placed under the navbar. This  back button extends out the bottom of the navbar, making my navbar look funny.

I have applied both data-backbtn=”false” and data-nobackbtn="true" to the header div and neither one fixes it. You can see the problem at http://filmfriendapp.com.

My code is as follows.
  1. <div data-role="header" class="nav-glyphish" data-id="ff_navbar" data-backbtn=”false” data-nobackbtn="true">
  2. <div data-role="navbar" class="nav-glyphish">
  3. <ul>
  4. <li><a href="#movies_page" id="movies_btn" class="<?php if($page=='movies') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Movies</a></li>
  5. <li><a href="#tickets_page" id="tickets_btn" class="<?php if($page=='tickets') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Tickets</a></li>
  6. <li><a href="#social_page" id="social_btn" class="<?php if($page=='social') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Social</a></li>
  7. <li><a href="#settings_page" id="settings_btn" class="<?php if($page=='settings') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Settings</a></li>
  8. </ul>
  9. </div><!-- /navbar -->
  10. </div><!-- /header -->