Span не отображается в IE7

Question

У меня есть следующая разметка:

<div id="calender">
<span class="moduleItemDateCreated-month">Jan</span>
<span class="moduleItemDateCreated-day">24</span>
</div>

Стиль с этим CSS:

#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;
}

В IE7 второй промежуток не виден, кто-нибудь знает почему?

Вот временная ссылка

Answer 1

Возможно, вы столкнулись с ошибкой Float в IE. Поскольку вы знаете, какой будет высота и ширина div-оболочки, вы можете указать это в CSS.

Если вы ищете больше решений, в IE float есть много помощи, но впереди: https://www.google.com/search?q=ie7+float+right+bug

Answer 2

Вы можете определить в своем CSS следующее

 .moduleItemDateCreated-month, .moduleItemDateCreated-day{
      display:inline-block;
    }