HTML/CSS3 for vertical div centering in Webkit

gistfile1.html

<style>
#outer {
  position: fixed; 
  top: 0px; 
  bottom: 0px; 
  left: 0px; 
  right: 0px;
}

#inner {
  display:-webkit-box;
  -webkit-box-flex:1;
  -webkit-box-align: center;                     
  -webkit-box-pack: center;
  -webkit-box-orient:vertical; 
   height:100%; width: 100%;
}
</style>

<div id="outer">
   <div id="inner">
      <div> here your info </div>
   </div>
</div>