How to make a DIV fill the whole screen after page loading

Question

We are making a website for the TEDx in our city and we're stuck..

Here's a draft copy of it: tedx.mozerov.ru

We have a div id="section-event" which we want to be for the whole page on loading. We added the height:100%; and width:100%;, but the block is still does not fill the whole page :(

Please help!

Answer 1

Well, not sure how you are going to use this div, but:

position: absolute; top: 0; left: 0; height: 100%; width: 100%;