css样式：

<style type="text/css">

ul{ list-style:none;}

li,div{border:1px solid #ff0000; vertical-align:middle; height:50px;}

</style>

html结构：

<div>测试</div>

（注意：<div>测试</div>后面没有其他文字或元素）

现象：

div的下边框消失，在ff下没事，且文字不能居中（如图）。

html结构2

<div>测试</div>

测试文字

--在后面再加上其他元素

边框就显示出来了

html结构3

<div>测试</div>

<div>测试二</div>

<div>测试3</div>

结论：如果是为了文字居中，把line-height和height设置为相同的高度。不要多写vertical-align:middle;