Я работаю над сортировкой макета для довольно простого веб-приложения галереи, но когда я использую декларацию doctype в HTML5, высота некоторых из моих элементов div (которые составляли 100%) уменьшается, и я не могу выглядеть более пухлым их резервное копирование с использованием CSS.

Мой HTML находится наhttps://dl.dropbox.com/u/16178847/eyewitness/b/index.html и CSS находится вhttps://dl.dropbox.com/u/16178847/eyewitness/b/style.css

If I remove the HTML5 doctype declaration, all is as I want it to be, but I really want to use the proper HTML5 doctype declaration. If I set the doctype to HTML5 and make no changes, the div with the photo and the footer divs are not visible, presumably because they are 0px high. If I set the doctype to HTML5 and make the body { height: 100px } and .container { height: 100px } or .container { height: 100% }, it becomes visible, but what I need is it to be is full height rather than a height in pixels. If I try to do the same as above, but with the body { height: 100% } the photo and footer divs are not visible again.

Что мне нужно сделать, чтобы увеличить его на 100%, чтобы мои фотографии и нижние колонтитулы были в полный рост?