将块元素垂直对齐到图像？

Question

我正在寻找一种将块元素垂直对齐到图像的方法。在我的网站上，这个图像会在高度和宽度上动态变化，因此我需要垂直对齐以适应图像大小。例如：

<img src="photo.jpg" alt="test" />
<div id="box">
</div>

img { float: left; }

#box { float: right; width: 200px; height: 150px; background-color: #666; }

所以我希望这个div垂直对齐图像。如何才能做到这一点？ 感谢。