Estou procurando uma maneira de alinhar verticalmente um elemento de bloco a uma imagem. No meu site, essa imagem mudava dinamicamente em altura e largura, então eu precisaria do alinhamento vertical para me adaptar ao tamanho da imagem. Por exemplo

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

img { float: left; }

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

Então, eu gostaria que esta div se alinhe verticalmente à imagem. Como isso pode ser feito? Obrigado