title: Span not showing in IE7
body: <p>I have the following markup:</p>
  
  <pre><code>&lt;div id="calender"&gt;
  &lt;span class="moduleItemDateCreated-month"&gt;Jan&lt;/span&gt;
  &lt;span class="moduleItemDateCreated-day"&gt;24&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Styled with this CSS:</p>
  
  <pre><code>#calender {
      float: right;
      border: 1px solid #999999;
      color:#FFFFFF;
      background-color: #CCCCCC;
  }
  
  .moduleItemDateCreated-month {
      background-color: #999999;
      display: block;
      font-size: 10px;
      line-height: 1.5em;
      text-align: center;
      width: 56px;
  }
  
  .moduleItemDateCreated-day {
      background-color: #CCCCCC;
      display: block;
      font-size: 23px;
      text-align: center;
      padding-top: 6px;
      padding-bottom: 6px;
      width:56px;
  }
  </code></pre>
  
  <p>In IE7 the second span is not visible, does anyone know why?</p>
  
  <p><a href="http://boardsales.test.digiflipconcepts.com/new/" rel="nofollow noreferrer">Here is a temporary link</a></p>
  
  <p><img src="https://i.stack.imgur.com/mNFEB.png" alt="here&#39;s a screenshot"></p>