How do I keep the image from breaking out of the div class="featured-view-item"?

I'm using Open Publish 1.6 and in the article list view the first item is featured with a gray background. When the image has a portrait orientation it breaks the gray background. If I make the gray background larger, it looks odd for the landscape images.

Could some of you CSS experts help me with this? How do I make it so the gray background remains larger than the image and nicely spaced?

I have included a screenshot in Firefox while using Firebug. The

div class="featured-view-item"

is highlighted, which has the gray background. As you can see, the image is breaking below the gray background.