I'm hoping someone can help me with this, I know how to do what i want with a lot of ugly tables, but i want to do it more elegantly with div elements.

OK so what i'm trying to do:
It's a list of staff portraits, with a headshot on the left, and (left-aligned) next to it their name, and on the line below (but still next to the portrait) their position. Then below the picture, a horizontal rule (HR).

The problem is, if i left align the photo, then i can't get the rule (and the next staff portrait) to go below, they just go next to it.
And if I don't left-align it, I can't get multiple lines of text next to it!

Any ideas?