<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#tableGridHeader2 TD.hdr1{
border-right:1px solid #D0D0D0;
background:#F4F7F7;
}
</style>
</head>
<body>
<TABLE id=tableGridHeader2 style="OVERFLOW: hidden; HEIGHT: 70px; WIDTH: 150px" cellSpacing=0 cellPadding=0 border=0 name="tableGridHeader2">
<TBODY>
<TR>
<TD class=hdr1 style="OVERFLOW: hidden; WIDTH: 86px" vAlign=middle>
<TABLE onclick="updateRef(this, '5', '1', '-1', -1);" height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV class="selectItem pointer" valign="middle"> aaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊aaaa <BR></DIV></TD></TR></TBODY></TABLE></TD>
<TD class=hdr1 style="OVERFLOW: hidden; WIDTH: 86px" vAlign=middle>
<TABLE onclick="updateRef(this, '5', '7', '-1', -1);" height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV class="selectItem pointer" valign="middle"> 啊 <BR></DIV></TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE>
</body>
</html>
有俩个问题
1.怎么才能让div中的文字垂直居中？
除了把top设为50%的办法，因为我是想得到那种由中心向上下发散的居中效果而不是固定了div在父元素一半的位置，试了vertical-align:middle display:table-cell的方法但是在ie上不起作用，请问有什么方法么？
2.上面这段html因为内容故意设的很长 所以其实是有超过表格的高度的，现在是给
class="selectItem pointer" 设了style="height:50px"请问有更好的方法么
