如何让嵌套的DIV垂直居中

[maocheng82]

最外层的DIV高度是不固定的，随着图片高度变化而变化
现在红色的那块
如何让它垂直居中
当然 可以用JS来判断DIV高，度 再用CSS实现

但是我想用纯CSS实现
代码如下
<div style="position:relative">
<img src="Pic/1-corbis-42-43225041.jpg" width="100%">
<div style="position: absolute; right:12px;background-color: #ff0000;height:100px;width: 200px;top:0px"></div>
</div>
效果如图

如何用CSS红色那块垂直居中 谢谢

[码农...]

如果红色宽高固定 则 使用: <div style="position: absolute; left:50%;background-color: #ff0000;height:100px;width: 200px;top:50%;margin-left: -100px;margin-top: -50px;">