StickyFooter su iphone

[lsnight]

Salve a tutti

ho messo un piccolo sito online, sul mio monitor si vede bene, su quello della mia ragazza pure, ma appena va a vedere su iphone 5, si vede un footer immenso, mentre su iphone 4, no.

anche se ho notato che rimpicciolendo la risoluzione tramite browser il problema appariva

ho provato pure con #push ma niente

questo è il css del body, html, wrapper e footer:

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #DEDEDE url(images/img01.png) repeat;
	font-family: 'Abel', sans-serif;
	font-size: 15px;
	color: #8F8F8F;
}

#wrapper {
	overflow: hidden;
	padding: 0px 0px 20px 0px;
	background: url(images/img12.jpg) repeat;
}

#footer {
	overflow: hidden;
	max-height: 50px;
	border-top: 1px solid #d01212;
	text-align: center;
	padding: 10px;
}