Forma desplegable en CSS puro con una alineación correcta difícil

Question

Quiero hacer una forma solo visible si el mouse está flotando una imagen.

Hice un violín para ello: http://jsfiddle.net/soondead/wscep/

Esto es lo que estoy tratando de lograr:

El envoltorio tiene un ancho fijo, la imagen también tiene un ancho fijo, pero el menú desplegable tiene un ancho variable.

Quiero alinear correctamente el formulario desplegable, al igual que la imagen .cart-botton.

Esto no debería ser tan difícil, pero me estoy sacando el cabello sobre esto.

Answer 1

¿Algo como esto?

http://jsfiddle.net/wscep/4/

Answer 2

Tal vez esto es lo que buscas:http://jsfiddle.net/peduarte/wscep/6/

He agregado comentarios en la sección CSS con lo que se ha agregado.