如何在另一个div中垂直对齐div？

Question

  

可能重复：
  Vertically centering a div inside another div

我正在尝试将一个div垂直对齐另一个div。它也是中心，但我似乎能够开始工作。内部div有一个明确的宽度，我需要能够做到。高度应由内容量决定。我已经尝试了我在stackoverflow上看到的各种解决方案，但它们似乎都没有正常工作。如果内部div上没有明确的宽度，或者如果不需要水平居中，则其中一些似乎可以工作。这个问题与其他问题的不同之处在于那些没有明确的宽度，或者当它们这样做时，解决方案包括静态填充或计算填充的javascript。我希望避免这种情况。

HTML：

<div class="outer">
    <div class="inner">
        //some stuff<br/>
    </div>
</div>

的CSS：

.outer {
width: 100%;
height: 96px;
    position:relative;
border:1px black solid;   
background-color: black;
}

.inner {
    width:900px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
border: 1px red solid;
vertical-align: middle;
background-color: white;
}

http://jsfiddle.net/F4nrp/

更新，这是Passerby在下面解决的。确实有很多人提出了非常相似的问题，但我认为这里有足够的不同。答案也与我见过的任何其他答案都不一样。