ie下的自适应垂直居中

long time no see，前几天写页面ui时总结的小心得。把需要显示的内容进行自适应的垂直居中。希望对大家在写widget的时候有一丁点帮助。
众所周知，水平居中用margin:0 auto;width:xxxpx;的方法就可以轻松实现。垂直居中的方法又是怎样呢？
hata简单的post一下
css部分：

#wrapper{#position:relative;}
#mid{#overflow:visible;#position:absolute;#top:50%;}
#content{#position:relative;#top:-50%;}

花括号内#号是ie hack的方法，也就是上面几句对ff完全不起作用。

应对div的结构为

<div id="wrapper">
  <div id="mid">
    <div id="content">居中内容</div>
  </div>
</div>