выравнивание текста по вертикали в гор. меню, проблемы с ие

[sergey81]

Всем добрый день, вертсаю гризонтально меню, выравниваю текст по вертикали, текст есть в одну строчку, есть в две

<li>

<div class="box">

<div class="box2">

<a href="#">some text 1</a>

</div>

</div>

<div class="box">

<div class="box2">

<a href="#">some text <br /> some text 2</a>

</div>

</div>

<div class="box">

<div class="box2">

<a href="#">some text 3</a>

</div>

</div>

</li>

в css

li{float:left;}

box{

display:table;

float:left;

height:100px;

}

box2{

display:table-cell;

vertical-align:middle;

}

a{float:left;}

 и все вроде бы хорошо, только ие6-7 растягивает box2 по ширене страницы.

кто нибудь подскажите решение

[Softlink]

в ие 6,7 не работает table-cell, надо искать обходные пути или забить

[Great Rash]

http://forum.htmlbook.ru/index.php?showtopic=19320

[sergey81]

все сработало, такой-простой-интересный способ, большое спасибо

Edited July 9, 2011 by sergey81