title: I cant align two input next to each other in Chrome, not in the same line
body: <pre><code>&lt;div id="row2"&gt;
  &lt;input type="text"&gt;
  &lt;input type="text"&gt;
  &lt;/div&gt;
  
  input
  {
      float: left;
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background-color: #E4E2D6;
      border-collapse: collapse;
      border-color: #DDDBCF #EAE9E0 #E2E0D4 #DDDBCF;
      border-image: none;
      border-radius: 4px;
      border-style: solid;
      border-width: 2px;
      color: #959494;
      font-family: georgia;
      font-size: 1.6em;
      height: 40px;
      margin: 1%;
      padding-left: 10px;
      width: 48%;
  }
  </code></pre>
  
  <p>Updated the same in <a href="http://jsfiddle.net/wizam/SKs89/3/" rel="nofollow">fiddle</a></p>
  
  <p>this works well with firefox... but with chrome, it goes to new line.</p>