Regole applicate solo su IE (no Firefox e Opera)

[pictor]

Probabilmente sono rimbecillito io ma non capisco perchè queste regole vengano applicate solo su IE, mentre non c'è verso di applicarle su FireFox ed Opera

	#stepContainter	{	width: 100%; text-align: center;	}
	#steps { position:relative; width: 824px; margin: auto; text-align:center;}
	
	div#steps div#step1,
	div#steps div#step2,
	div#steps div#step3,
	div#steps div#step4,
	div#steps div#step5,
	div#steps div#step6, {
		position: absolute;
		top: 120px;
		font-size: 1em;
	}
	
	#step1 { left: 5px; }
	#step2 { left: 177px; }
	#step3 { left: 300px; }
	#step4 { left: 473px; }
	#step5 { left: 600px; }
	#step6 { left: 768px; }

Il codice HTML è questo:

<div id="stepContainter">
<div id="steps">
	[img]img/Step_creazione_Pass/StepBar_1.png[/img]
    <div id="step1">Selezione pass</div>

    <div id="step2">Anagrafica</div>
    <div id="step3">Riepilogo anagrafica</div>
    <div id="step4">Pagamento</div>
    <div id="step5">Riepilogo pagamento</div>
    <div id="step6">Riepilogo stampa</div>
</div>
</div>

Avete idea? Cominciare la mattinata così è stressante!