title: Strange width of text-input in jQuery Mobile
body: <p>I've come across a strange behavior related to the width of a text-input in jQuery Mobile - it simply is too big.</p>
  
  <pre><code>&lt;div data-role="page"&gt;
      &lt;div data-role="header"&gt;
          &lt;h1&gt;Test&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;div data-role="content"&gt;
          &lt;input type="text" value="192.168.1.1"&gt;&lt;/input&gt;
  
          &lt;a data-role="button"&gt;Connect&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>One can also reproduce this behavior by reducing the width of the browserwindow for example in jsFiddle.</p>
  
  <p><strong>jsFiddle:</strong> <br>
  <a href="http://jsfiddle.net/QxYMa/" rel="nofollow noreferrer">http://jsfiddle.net/QxYMa/</a></p>
  
  <p>Is this the normal behavior or just a bug? How can I "correct" that, so that the text-input and the button have the same width?</p>