¿Es posible hacer unhtml5 diseño flexbox con fijoheader/footer y un desplazablearticle sección como la siguiente paraFirefox 24 ycromo 31?

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

He intentado esto (simplificado):

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

y ahora estoy tratando de llenar el espacio restante con elarticle, pero si la altura del contenido es más pequeña que la altura de la ventana, el pie de página no es fijo y si es más grande, el pie de página se desplaza fuera del área visible ...