title: Jquery mobile <fieldset data-role="controlgroup"> make controls shrink
body: <p>Why this DIVs looks different ? <br>
  <strong>First:</strong></p>
  
  <pre><code>&lt;div data-role="fieldcontain"&gt;
     &lt;fieldset data-role="controlgroup"&gt;
        &lt;legend&gt;City&lt;/legend&gt;
        &lt;input type="text" id="select_team_city" value="" placeholder="Type Team City"/&gt;
     &lt;/fieldset&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Second:</strong></p>
  
  <pre><code>&lt;div data-role="fieldcontain"&gt;
     &lt;label for="select_team_name"&gt;Name&lt;/label&gt;
     &lt;input type="text" id="select_team_name" value="" placeholder="Type Team Name"/&gt;
  &lt;/div&gt;
  </code></pre>