Chrome中的垂直Bullet對齊方式？

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