title: Css class not working in a span
body: <p>Still learning to work with spans did some debug in the console browser and they are currently not getting the dimensions I gave them in my CSS class. I am just wondering what am I missing so they get the width and height I gave them. Thank you</p>
  
  <p>HTML CODE</p>
  
  <pre><code>&lt;div id="content"&gt;        
                  &lt;div class="forum-group"&gt;
                      &lt;h2 class="header-2"&gt;General Discussion&lt;/h2&gt;
                      &lt;ul class="child-forums"&gt;
                          &lt;li class="child-forum"&gt;
                          &lt;a class="forum-link" href="#"&gt;
                              &lt;span class="forum-icon"&gt;&lt;/span&gt;
                              &lt;span class="forum-details"&gt;
                                  &lt;span class="forum-title"&gt;&lt;/span&gt;
                                  &lt;span class="forum-desc"&gt;&lt;/span&gt;
                              &lt;/span&gt;
                          &lt;/a&gt;
  </code></pre>
  
  <p>CSS CODE</p>
  
  <pre><code>.forum-group{
      width:948px;
      height:259px;    
      margin-left:auto;
      margin-right:auto;
  }
  .header-2{
      width:948px;
      height:35px;
  }
  .child-forum{
      width:310px;
      height:106px;
      float:left;
      background-image: url(images/forum-child-background.jpg);
      opacity: 0.5;
      filter: alpha(opacity=50);
      margin-left:4px;
      margin-bottom:4px;
  }
  .child-forum:hover {
      opacity: 1.0;filter: alpha(opacity=100); 
  }
  .child-forums{
      width:948px;height:219px;
  }
  .forum-link{
      width:309px;height:106px;
  display: inline-block; 
  
  
  }
  .forum-icon{
      width:60px;height:60px;
  }
  .forum-details{
      width:220px;height:43px;
  }
  .forum-title{
      width:217px;height:18px;
  }
  .forum-desc{
      width:217px;height:15px;
  }
  </code></pre>