title: CSS - width not honored on span tag
body: <p>I have a issue with one of my spans.  Please consider the following styles:</p>
  
  <pre><code>.form_container .col1che
  {
  float: left; 
  width: 4%; 
  text-align: left;    
  }
  
  .form_container .col2che
  {
  float: left; 
  width: 80%; 
  text-align:left;
  }
  
  .form_container .col3che
  {
  float: right; 
  width: 13%; 
  text-align:right;
  }
  </code></pre>
  
  <p>These 3 spans in my code:</p>
  
  <pre><code>&lt;div class="row"&gt;&lt;!-- start: "row" --&gt;
       &lt;span class="col1che"&gt;        
            &lt;?php  //some db feeds    ?&gt;        
       &lt;/span&gt;
       &lt;span class="col2che"&gt;
            &lt;?php  //some db feeds    ?&gt;
       &lt;/span&gt;
       &lt;span class="col3che"&gt;
            &lt;?php  //some db feeds    ?&gt;
       &lt;/span&gt;
       &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;!-- end: "row" --&gt;
  </code></pre>
  
  <p>The problem occurs when there is no data to be displayed in "COL1CHE" (or maybe even in any of them although I'm not sure) when there is no data this span "collapses" and its width is not honored.  This happens in Firefox, in IE it doesn't "collapse".</p>
  
  <p>I included a "clear" class to see if this helps but to no avail. </p>
  
  <p>Any ideas?</p>