Czy można zrobićhtml5 układ flexbox ze stałymheader/footer i przewijalnyarticle sekcja jak poniżejfirefox 24 ichrom 31?

+----------+
| header   |
+----------+
| article ||
|         ||
|         ||
|         ||
+----------+
| footer   |
+----------+

Próbowałem tego (uproszczony):

body {
  display: flex;
  flex-direction: column;
}
header {
  flex: 1;
}
article {
  flex: 8;
  overflow-y: scroll;
}
footer {
  flex: 1;
}

a teraz próbuję wypełnić przestrzeń resztekarticle, ale jeśli wysokość zawartości jest mniejsza niż wysokość okna, stopka nie jest ustalona i jeśli jest większa, stopka przewija się poza widoczny obszar ...