Вертикальное выравнивание пули в Chrome?

Question

У меня есть следующий HTML:

<ul> 
    <li><span class="overflow">This is some more text</span></li> 
    <li><span class="overflow">This is some more text</span></li> 
    <li><span class="overflow">This is some more text</span></li> 
    <li><span class="overflow">This is some more text</span></li> 
    <li><span class="overflow" style="display: inline-block;">This is some more text This is some more text This is some more text</span><br /><span>This is some more text This is some more text</span></li> 
</ul> 

Сопровождаемый с этим CSS:

ul { list-style-position: outside; list-style-type: circle; width: 150px; } 

.overflow { display: block; height: 40px; overflow: hidden; } 

По какой-то причине, perculiar элементов списка с overflow: hidden пядь не имеют никаких точек пули в Chrome.

Ну, все, кроме последнего, очевидно, меняя display: block на display: inline-block на переполнение класса css. Однако это дает вам еще одну проблему, поскольку точка пули центрирована по вертикали.

Я очень надеюсь, что все это имеет смысл ... вот скрипка, чтобы проиллюстрировать: http://jsfiddle.net/zUxTD/

В заключении, есть ли способ вертикального выравнивания пули точек в Chrome? Если нет, то кто-нибудь может понять, почему точки маркера не появляются в других элементах списка (я предполагаю, что это какая-то ошибка)?

Answer 1

Изменение:

.overflow { display: block; height: 40px; overflow: hidden; } 

в

.overflow { vertical-align:top; }