title: How to prevent the floating layout wrapping when firefox zoom is reduced
body: <p>Given the following HTML. It display two columns: <code>#left</code>, <code>#right</code>. Both are fixed width and have 1px borders. Width and borders equal the size of upper container: <code>#wrap</code>.</p>
  
  <p>When I zoom out Firefox 3.5.2 by pressing Ctrl+- columns get wrapped (<a href="http://grotezo.ee/wrap.html" rel="noreferrer">demo</a>).</p>
  
  <p>How to prevent this?</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
    &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;Test&lt;/title&gt;
      &lt;style type="text/css"&gt;
        div           {float:left}
        #wrap         {width:960px}
        #left, #right {width:478px;border:1px solid}
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="wrap"&gt;
        &lt;div id="left"&gt;
          left
        &lt;/div&gt;
        &lt;div id="right"&gt;
          right
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>