I have a situation where I am dynamically displaying images inside of a div. Each div is the same width, but the images aren't.

I set the max-width of the images to 100% and text-align of the div to center. This centers images that are smaller than the div. However, I'd like some padding between the top of the div and the image if the width of the image is less than 100% of the div.

Is there a way to do this with CSS? Or, do I need to use a little bit of JS to accomplish this?

Thanks.

```
Quick example - http://jsfiddle.net/EFpgA/2/

```