title: div background color not working with inputs floated left
body: <p>I need the following div to have a background color - simple right. But, it doesn't work correctly. I've done some testing, and figured out its the floats on the spans that are screwing it up. So, how do i fix this? </p>
  
  <pre><code>.days{
  background-color:#000;
  }
  
  span {
  display:block;
  width:200px;
  float:left; 
  }
  
  &lt;div class="days"&gt;
          &lt;span&gt;  
          &lt;input id="Field9" name="Field9" type="checkbox"  value=""   size="3" maxlength="4" tabindex="4"  /&gt;
          &lt;label class="days" &gt;Monday&lt;/label&gt;
          &lt;/span&gt; &lt;span&gt;
          &lt;input id="Field5" name="Field10" type="checkbox"  value="" size="3" maxlength="4" tabindex="4"    /&gt;
          &lt;label   class="days" &gt;Tuesday&lt;/label&gt;
          &lt;/span&gt; &lt;span&gt;
          &lt;input id="Field5" name="Field11" type="checkbox"  value="" size="3" maxlength="4" tabindex="4"    /&gt;
          &lt;label   class="days"  &gt;Wednesday&lt;/label&gt;
          &lt;/span&gt; &lt;span&gt;  
      &lt;!-- goes till sunday --!&gt;
  &lt;/div&gt;
  </code></pre>