title: CSS background color not showing up in nested <DIV>
body: <p>I can not get my yellow background color to show up with the nested divs that show up in 3 separate columns. What am I doing wrong?</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
     &lt;div class="rightside"&gt;
     Test
     &lt;/div&gt;
     &lt;div class="rightside"&gt;
     Test
     &lt;/div&gt;    
     &lt;div class="rightside"&gt;
     Test
     &lt;/div&gt;    
  &lt;/div&gt;    
  </code></pre>
  
  <p>CSS below:</p>
  
  <pre><code>#wrapper {
  
    background-color: yellow;
  
  }
  
  div.rightside {
  
    width: 31%;
    margin: 0 1.33333em 0 0;
    display:inline;
    float:left;   
  
  }
  </code></pre>
  
  <p>Here is my jsfiddle:  <a href="http://jsfiddle.net/yPX5Q/2/" rel="nofollow">http://jsfiddle.net/yPX5Q/2/</a></p>
  
  <p>Thanks
  Cheers</p>