DIV的垂直居中

一直以来都没有找到一种完美解决DIV垂直居中的方法，今天终于找到了，特记录如下，从此不再用table来居中了。^^

 1 <html>
 2     <style>
 3     #image{ 
 4         width:500px;
 5         height:500px;
 6         background:#fff000;
 7         text-align: center;
 8         overflow: hidden;
 9     }
10     #image img {
11 　　　　vertical-align: middle;
12 　　 }
13     #block {
14         width: 0px;
15         height: 100%;
16     }    
17     </style>
18     <body>
19         <div id="image">
20             <img src="http://www.mm21.cn/dimg6/qqtu/201105/20110507234620615.jpg"/>
21              <img src="" id="block"/>
22         </div>
23     </body>
24 </html>