Eu estou trabalhando em obter o layout ordenado para uma webapp de galeria bastante simples, mas quando eu uso uma declaração de doctype HTML5, a altura de alguns dos meus divs (que eram 100%) é reduzida, e eu não consigo parecer gordo -los de volta usando CSS.

Meu HTML está emhttps://dl.dropbox.com/u/16178847/eyewitness/b/index.html e css está emhttps://dl.dropbox.com/u/16178847/eyewitness/b/style.css

Se eu remover a declaração doctype HTML5, tudo é como eu quero que seja, mas eu realmente quero usar a declaração de doctype HTML5 adequada.Se eu definir o doctype como HTML5 e não fizer alterações, o div com a foto e os divers de rodapé não estarão visíveis, presumivelmente porque são 0px de altura.Se eu definir o doctype para HTML5 e fazer obody { height: 100px } e.container { height: 100px } ou.container { height: 100% }, torna-se visível, mas o que eu preciso é que seja altura total em vez de altura em pixels.Se eu tentar fazer o mesmo que acima, mas com obody { height: 100% } as divs de fotos e rodapés não são visíveis novamente.

O que preciso fazer para obter 100% de altura para que minhas divs de fotos e rodapés tenham altura total?