Высота второго дочернего элемента заполняет родительскую высоту

У меня есть div (статья), у которого есть два дочерних элемента (header и #content_outer). Заголовок имеет правильную высоту, и я хотел бы, чтобы #content_outer имел высоту (без указания конкретного числа, например: 200px), чтобы высота заголовка + #content_outer height = высота статьи.

Вот скрипка:http://jsfiddle.net/fyNX4/

(В скрипте #content_outer не должно быть больше статьи div в нижней части)

Я хотел бы, чтобы решение было только с CSS.

Большое спасибо.

EDIT:

Чтобы быть более конкретным, это мое желаемое решение:http://jsfiddle.net/fyNX4/5/

Я дал #content_outer - & gt; высота: 240px;

Но я хотел бы дать высоту с% или другим решением, которое можно применить, если в заголовке больше текста (и больше высоты). (http://jsfiddle.net/fyNX4/8/ )

Ответы на вопрос(2)

Ваш ответ на вопрос