Eu estou tentando definir um<div> a uma certa porcentagem de altura em CSS, mas ela permanece do mesmo tamanho que o conteúdo dentro dela. Quando eu removo o HTML 5<!DOCTYTPE html> no entanto, funciona, o<div> ocupando a página inteira como desejado. Eu quero a página para validar, então o que devo fazer?

Eu tenho esse CSS no<div>, que tem um ID depage:

#page {
    padding: 10px;
    background-color: white;
    height: 90% !important;
}