title: Using a button in a list-divider in JQuery Mobile
body: <p>I am using JQuery Mobile. I have a page that looks like the following:</p>
  
  <pre><code>&lt;div id="myPage" data-role="page"&gt;
      &lt;div data-role="header"&gt;
          &lt;h1&gt;My App&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;div data-role="content"&gt;
          &lt;ul data-role="listview"&gt; 
              &lt;li data-role="list-divider"&gt;
                  &lt;div data-type='horizontal'&gt;Hello&amp;nbsp;
                  &lt;a href='#' id='moreOptions' data-role='button' data-icon='arrow-d' data-inline="true" data-mini="true" data-iconpos='notext'&gt;more&lt;/a&gt;
              &lt;/div&gt;&lt;/li&gt;            
          &lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;
  
          My App Content
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have some JavaScript that determines whether to display the "moreOptions" button. My problem is, when the "moreOptions" button is shown The height of the list-divider area expands beyond the normal size. Is there a way I can use CSS to keep the list-divider area the standard height? Or, can I somehome scale down the button size?</p>
  
  <p>Thank you!</p>