title: Internet explorer Div alignment issue
body: <p>My code works fine on chrome and firefox but in I.E (latest version) , "px" thing is shown in next line. I tried display:inline , that does the trick but disturbs the alignment badly. Is their any other way by which i can make them align on same line ? Thanks</p>
  
  <pre><code>&lt;div class="dfs_config_group"&gt;
      &lt;div class="dfs_config_field_label"&gt;Font Size&lt;/div&gt;
      &lt;div class="dfs_config_field"&gt;
          &lt;div class="dfs_config_append mini"&gt;
              &lt;input type="text" name="dg_footer_wrapper_inner[font-size]" value="12"&gt;
              &lt;div class="add_on"&gt;px&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>