html - div でリストを垂直方向に中央揃え

Question

固定サイズの div とその中に順序付けられていないリストがあります。リストの項目は、横に並べて配置されます。私が作ろうとしているのは、リスト要素を次々と表示するスライダーです。私ができないのは、リストの高さが分からないため、リストと要素を div 内で垂直方向に中央に配置することです。

これが私のコードです：

HTML

<div id="container">
   <ul>
      <li>...</li>
      <li>...</li>
      <li>...</li>
   </ul>
</div>

CSS

#container {
  width: 584px;
  height: 50px;
  position: relative;
  overflow: hidden;
}

#container ul {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 3504px;
}

#container ul li {
  width: 584px;
  float: left;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

CSSでこれを行う方法はありますか?