title: Why Pop up screen size changes in different situation in jquery mobile
body: <p>I am using jquery mobile .In my header i have three button i open pop up screen on clicking the button .But the problem is that i click the (+) button pop up size is large (looking fine) But when click the setting button(first one) it size reduce why ? having similar contend .I need to increase the size of pop screen. Here is my code.</p>
  
  <p><a href="http://jsfiddle.net/ravi1989/HesVd/16/" rel="nofollow">http://jsfiddle.net/ravi1989/HesVd/16/</a></p>
  
  <pre><code>&lt;div data-role="page" id="Home" &gt; 
              &lt;div data-role="header" data-theme="b" data-position="fixed" &gt;
                  &lt;h1 class="ui-title"  id="hdr" style="text-align:left;margin-left: 20px;"&gt;My Cases&lt;/h1&gt;
                  &lt;div class="ui-btn-right" id="addbuttons" data-role="controlgroup" data-type="horizontal"&gt;
                      &lt;a href="#UserSettingScreen" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gear" data-theme="b" id="Setting" data-rel="popup" data-position-to="window"&gt;Setting&lt;/a&gt;
                      &lt;a href="#CaseInformationScreen" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="popup" id="Add" data-position-to="window"&gt;Add&lt;/a&gt;
                      &lt;a href="#newevent1" data-role="button" data-inline="true" data-theme="b" data-rel="dialog"id="Edit"&gt;Edit&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--div data-role="content"&gt;
                         &lt;div id="here_table" class="scrollable" data-scroll="y" style ="height:400px" &gt; &lt;/div&gt;
                  &lt;/div--&gt;
              &lt;div data-role="content"&gt;
  
                  &lt;ul data-role="listview" data-inset="true" id="here_table" &gt;
                  &lt;/ul&gt;
                  &lt;!--- CaseInformationScreen Popup screen----------------------------&gt;
                  &lt;div data-role="popup" id="CaseInformationScreen" data-close-btn="none" data-overlay-theme="a" data-dismissible="false"&gt;
                      &lt;div data-role="header" data-theme="b" &gt;
                          &lt;a href="#" data-role="button" data-corners="false" id="Cancel"&gt;Cancel&lt;/a&gt;
                          &lt;h1&gt;Case Information&lt;/h1&gt;
                          &lt;a href="#" ddata-role="button" data-corners="false"&gt;Add&lt;/a&gt;
                      &lt;/div&gt;
  
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="text-12" style="text-align:top;margin-left: 0px;"&gt;Case Name:&lt;/label&gt;
                          &lt;input name="text-12" id="text-12" value="" type="text"&gt;
                      &lt;/div&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="text-12" style="text-align:left;margin-left: 0px;"&gt;Case Date:&lt;/label&gt;
                          &lt;input name="text-12" id="text-12" value="" type="text"&gt;
                      &lt;/div&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="textarea-12"&gt;Textarea:&lt;/label&gt;
                          &lt;textarea cols="40" rows="8" name="textarea-12" id="textarea-12"&gt;&lt;/textarea&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;!--- CaseInformationScreen Popup screen End----------------------------&gt;
  
                  &lt;!--- User Setting Popup screen----------------------------&gt;
                  &lt;div data-role="popup" id="UserSettingScreen" data-close-btn="none"&gt;
                      &lt;div data-role="header" data-theme="b" &gt;
                          &lt;a href="#" data-role="button" data-corners="false" id="CancelSettingButton"&gt;Cancel&lt;/a&gt;
                          &lt;h1&gt;User Settings&lt;/h1&gt;
                          &lt;a href="#" ddata-role="button" data-corners="false"&gt;Ok&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="text-12" style="text-align:top;margin-left: 0px;"&gt;IP Address:&lt;/label&gt;
                          &lt;input name="text-12" id="text-12" value="" type="text"&gt;
                      &lt;/div&gt;  
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="text-12" style="text-align:left;margin-left: 0px;"&gt;Display Font:&lt;/label&gt;
                          &lt;select name="select-choice-1" id="select-choice-1"&gt;
                              &lt;option value="standard"&gt;A&lt;/option&gt;
                              &lt;option value="rush"&gt;B&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;!--- User Setting Popup screen End----------------------------&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>