Hello all!

So in a nutshell, I am building a list item for news articles that will alternate light and dark backgrounds. Each list-tem will hold two columns of content. the first column holds an image anda caption, the second a paragraph of text. It took me forever to get the list-item backgrounds to just expand with my columns.

Now, the backgrounds are expanding but, when I jack up the amount of text in the right column paragraph, the left column image and caption will not stay positioned at the top of the list-item. It is moving downwards with the paragraph as it grows.

To see what I mean, check out my jsbin

Static: http://jsbin.com/iwetef/

Live: http://jsbin.com/iwetef/edit#html,live

Again, I am wanting the image and caption content to stay aligned to the top regardless of how large the paragraph text gets.

Cheers!