dropdown form in pure css with a tricky right alignment

Question

I want to make a form only visible if the mouse is hovering an image.

Here is what I'm trying to achieve:

The alignment I'm trying to achieve

The wrapper has a fixed width, the picture also has a fixed width, but the dropdown has a varying width.

I want to right align the dropdown form, just like the .cart-button picture.

This should not be so difficult but I'm pulling my hair out over this.

What's currently going wrong? :) – Willem Mulder Dec 01 '11 at 12:06 — Willem Mulder, Dec 01 '11 at 12:06
You might wanna check the answers out... :) – peduarte Dec 01 '11 at 12:38 — peduarte, Dec 01 '11 at 12:38

score 1 · Answer 1 · answered Dec 01 '11 at 12:30

1

I have added comments in the CSS section with what's been added.

answered Dec 01 '11 at 12:30

peduarte

Thanks, pretty understandable with all the comments. – vinczemarton Dec 01 '11 at 12:58

score 0 · Accepted Answer · answered Dec 01 '11 at 12:21

0

Something like this?

answered Dec 01 '11 at 12:21

ptriek

Well I don't know... this solution is just as valid as the other one, I'll accept this and upvote the other, but the universe needs to be balanced. – vinczemarton Dec 01 '11 at 13:01

2 Answers2