Изменить размер изображения в зависимости от размера DIV, в котором оно находится, с помощью CSS?

Ниже изображение блога, над которым я работаю. Мне нужна помощь с некоторым CSS, хотя. На верхнем изображении вы можете увидеть, что происходит с моим аватаром, когда текст справа от него больше, чем изображение.

Нижнее изображение выглядит так, как я хочу.

Проблема в том, что у меня несколько авторов, поэтому основной текст справа может иметь разную длину в зависимости от автора. Я хотел бы каким-то образом изменить размер изображения, чтобы оно всегда помещалось в div и выглядело так, как на нижнем изображении.

Надеюсь, все понятно. Если кто-нибудь знает, как это сделать, буду признателен за любую помощь.

Я также разместил здесь пример кода, чтобы увидеть его вживую http://dabblet.com/gist/2050005