title: jquery mobile popup - button not styling correctly with data-iconpos="notext", and other problems
body: <p>I am making a mobile web app and am using jQuery Mobile. I have a navbar at the bottom and when you click the left button the popup shows correctly but the close button is not being styled correctly when i use <code>data-iconpos=&quot;notext&quot;</code>. Here is my code:</p>
  <pre><code>    &lt;div data-theme=&quot;j&quot; data-role=&quot;footer&quot; data-position=&quot;fixed&quot;&gt;
          &lt;div id=&quot;navbar&quot; data-role=&quot;navbar&quot; data-iconpos=&quot;bottom&quot;&gt;
              &lt;ul&gt;
                  &lt;li id=&quot;navbar-menu-button&quot;&gt;
                      &lt;a href=&quot;#navbar-popup-menu&quot; data-transition=&quot;slideup&quot; data-position-to=&quot;window&quot; data-rel=&quot;popup&quot; data-theme=&quot;j&quot; data-icon=&quot;bars&quot; data-overlay-theme=&quot;j&quot; data-dismissible=&quot;false&quot;&gt;&lt;/a&gt;
  
                      &lt;div id=&quot;navbar-popup-menu&quot; data-role=&quot;popup&quot; class=&quot;ui-content&quot;&gt;
                          &lt;a id=&quot;navbar-menu-close-button&quot; data-rel=&quot;back&quot; data-role=&quot;button&quot; data-icon=&quot;delete&quot; data-iconpos=&quot;notext&quot; title=&quot;Close&quot; data-dismissible=&quot;false&quot; class=&quot;ui-btn-right&quot;&gt;&lt;/a&gt; 
                          test info
                      &lt;/div&gt;
                  &lt;/li&gt;
  
                  &lt;li id=&quot;navbar-info-button&quot;&gt;
                      &lt;a href=&quot;#navbar-popup-info&quot; data-transition=&quot;slide&quot; data-position-to=&quot;window&quot; data-rel=&quot;popup&quot; data-theme=&quot;j&quot; data-icon=&quot;info&quot;&gt;&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>As you can see in <code>div#navbar-popup-menu</code> I have an <code>&lt;a&gt;</code> tag with the following attributes:
  <code>data-role=&quot;button&quot;</code>, <code>data-rel=&quot;back&quot;</code>, <code>data-icon=&quot;delete&quot;</code>, <code>data-iconpos=&quot;notext&quot;</code>, <code>data-dismissible=&quot;false&quot;</code>, and <code>class=&quot;ui-btn-right&quot;</code></p>
  <p>everything is working except <code>data-iconpos=&quot;notext&quot;</code> and <code>data-dismissible=&quot;false&quot;</code>. There is still a box around the button icon which shouldn't be there and you can still click outside of the popup to close it. you can view a live demo here: <a href="http://fscatalog.foursquaregames.com" rel="nofollow noreferrer">DEMO</a></p>
  <p>any help would be greatly appreciated. I've been pulling my hair out trying to figure this out because i have other buttons that are working and nothing is different between them that could cause what's happening.</p>
  <p>ALSO: The close button is not working</p>