title: 'Invalid property value' in Div background-color
body: <p>I use one of Bootstrap examples: <a href="http://twitter.github.com/bootstrap/examples/fluid.html" rel="noreferrer">http://twitter.github.com/bootstrap/examples/fluid.html</a></p>
  
  <p>The following code is inserted into the navbar-inner div:</p>
  
  <pre><code>    &lt;div class="logo"&gt;
          &lt;div class="quadratLogo"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Styled as:</p>
  
  <pre><code>    .logo {
        font-size: 24px;
        font-family: 'Arial';
        min-width: 500px;
      }
  
      .quadratLogo {
          width:24px;
          height:20px;
          border-radius:0px 4px 0px 4px;
          background-color: ff0000;
          float:left;
      }
  </code></pre>
  
  <p>Can you tell why quadratLogo div is invisible and the background-color property of quadratLogo is seen as unvalid by Chrome?</p>