How can I make images respect their div boundries?

Here's the JSFiddle (disregard the differences with picture below):

http://jsfiddle.net/stapiagutierrez/y2PhX/

I'm supposed to have something like this in the white background, but the images in the center and right column seem to expand outside of their domain.

Any suggestions on开发者_如何学JAVA how to cleanly handle this situation? It needs to be nice and centered, needs to end up like the picture, I feel I'm close but can't quite get there. Thank you, learning quite a lot in this tag area in Stackoverflow.

Use pixel widths, not percentage.