title: jquery mobile Header icon placement different in 1.2.0-Beta-1
body: <p>I have a right log off button in my header on each page which is defined this way:</p>
  
  <pre><code>&lt;div data-role="page" id="displaySchedule" data-title="Display Schedule"&gt;
  &lt;div data-role="header" data-theme="a"&gt;
  &lt;a href="#home" data-icon="home" data-iconpos="notext"&gt;&lt;/a&gt;
  &lt;h1&gt;Schedule&lt;/h1&gt;
  &lt;div class="ui-btn-right"&gt;
  &lt;a class="logoffButton" data-role="button" id="logoffButton" href="#logout" data-icon="delete" data-iconpos="notext"&gt;&lt;/a&gt;
  &lt;/div&gt;
  .....
  </code></pre>
  
  <p>This worked fine in 1.1.1. However, when the page is displayed in 1.2.0-Beta-1, the header looks like the following (notice the X icon is below the horizontal line (by about 1/2 of its height) of the home button and the word Schedule). In 1.1.1, all three were lined up correctly.</p>
  
  <p><img src="https://i.stack.imgur.com/WDmrs.png" alt="enter image description here"></p>
  
  <p>Any help is, of course, appreciated.</p>