Вертикальное выравнивание в IE7

Question

Я использовал CSS для создания макета без таблицы. Хотя это правильно отображает в IE8, FireFox и Chrome, в IE7 это не так, как я ожидал. Но мне было интересно, было ли какое-нибудь решение для vertical-align: middle;. Кажется, в этом суть моей проблемы в IE7.

#main { 
    margin: 0 auto;
    height: 500px;
    display: table;
   position: relative;
}

#main ul {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}
#main ul li {
    display: inline-block;
    margin: 10px;
    border: 1px solid #d0dad2;
    height: 170px;  
}

<div id = "main">
    <ul> 
        <li><img src="images/test.jpg" alt="staff" /></li>
    </ul>
</div>

Answer 1

Взгляните на этот урок Криса Койера: http://css -tricks.com / vertical-center-multi-lined-text /

Надеюсь, это поможет.