Estoy buscando una forma de alinear verticalmente un elemento de bloque a una imagen. En mi sitio, esta imagen cambiaría dinámicamente en altura y ancho, por lo que necesitaría la alineación vertical para adaptarme al tamaño de la imagen. Por ejemplo

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

img { float: left; }

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

Por lo tanto, me gustaría que este div se alinee verticalmente con la imagen. ¿Cómo se puede hacer esto? Gracias