DIV里input如何在IE6下垂直居中

#sale_form {
width:677px;
margin:25px auto 0;
background:url(../images/sale_01.gif) repeat-y;
display:inline-table;
}
#sale_form ul li {
float:left;
width:676px;
background:url(../images/qk_59.gif) repeat-x bottom;
text-align:left;
line-height:50px;
vertical-align:middle;
}

<div id="sale_form">
<ul>
<li><input type="text" name="textfield" class="zj_face_upload" /></li>
</ul>
</div>

IE6下面

FF下

没用的 应该改。

用表格吧，表格还是能解决很多问题的。也很方便，纯CSS并不是解决问题的唯一办法

vertical-align:middle;属性是没有用的，

除非你把DISPLAY也跟着设置一下

display: table-cell 等，能把元素当作表格单元来显示。

不过效果不太理想。

CSS垂直居中：

http://www.blueidea.com/tech/web/2006/3231.asp

自己研究下。