Empty space after footer

Hi,

I’ve got a site http://www.androidmaniac.net and a custom theme. All’s runnin’ good but I recently found that on the mobile it shows me an empty space after footer, can’t figure out why.

The index/homepage isn’t full screen, but in the post it’s just the way it should be.

Check with chrome option(inspect)

What can I do to show a nice full page for mobile versions ?
Thanks.

P.S Please give me some advices for mobile optimization. And why not, for the entire site.

CSS

#footer {
	width: 900px;
	font-size: 0.99em;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -74px;
	padding: 10px 0px 10px 0px;
}

#footer a { color: #CC6600; text-decoration: none; }
#footer a:visited { color: #CC6633;text-decoration: none; }
#footer a:hover { color: #FF6600; text-decoration: underline; }
#footer li {list-style-type: none; }
#footer h2 {border-bottom: 0px dotted #8dd531; margin-top: -7px;}
#footer h2:hover {border-bottom: 0px dotted #8dd531; margin-top: -7px;}