Image filling vertical space in container

Question

I've got a <div> with an image on the left side and some text on the right side. How can I achieve that the image always fills the vertical space?

This is how its supposed to look:

The parent's height will change in 3 steps using media queries.

Answer 1

This should make all images in your div reach from the top to the bottom.

<div id="content">
    <img src="source.jpg">
    Other div contents...
</div

#content img { 
    height: 100%;
}