用DIV实现页面元素垂直居中

DIV、CSS定义：
--------------------------------------------------------------------
#bannerRight {
width:480px;
height:80px;
border:0px solid #ccc;
overflow:hidden;
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle
}
#bannerRight p {
position:static;
+position:absolute;
top:50%
}
#bannerRight img {
position:static;
+position:relative;
top:-50%;left:-50%;
width:276px;
height:110px
}

调用：
--------------------------------------------------------------------
<span id="bannerRight"></span>

这里实现的是图片的居中显示，效果可以看http://www.webxmes.com顶部的BANNER。