Margin w procentach nie działa w Mozilli

Witam.

Otóż mam taki problem, określam w selektorze article, margin w px i wszystko jest w porządku, kiedy jednak określę go w % to nie działa w Mozilli i zachodzi na footera. Ktoś zna rozwiązanie?

Dołączam kod i screena.

body
{
	/* Background pattern from CC BY-SA 3.0 - Subtle Patterns © Toptal Designers. */
	background-image: url("zdjecia/patterns/footer_lodyas.png");
	background-color: #666;
	margin: 0 !important;
	position: relative;
}

article
{
	background-image: url("zdjecia/patterns/redox_01.png");
	border: 3px solid #111;
	border-radius: 5px;
	width: 50%;
	content: center;
	text-align: center;
	margin-bottom: 100px;
	padding-bottom:3%;
    min-width: 400px;
}

footer
{
 	width: 100%;
	height: 20px;
	background-color: #fff;
	position: fixed;
	bottom: 0px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 25px;
	border-top: 2px solid #000;
}