Problème taille de police entre Mozilla et Chrome css3

Bonjour tout le monde,

Je réalise actuellement un site internet dans le quel j'ai utilisé la propriété font face issus du css3 pour importer une police.

Le problème survient lors de l'affichage... (Je ne possède pas IE donc je ne parlerai que de Mozilla et chrome pour le moment)

voici en image ce que cela donne sous chrome (bon) :



et voici ce que cela donne sous Mozilla :




Je ne comprends pas.. Dans mon body j'ai mis une taille de 9px pour tout les textes si je mets 8px chrome le prend en compte mais pas Mozilla...


Voici mon code css des parties concernées :

body {
	font-size:9px;
}
	 
@font-face {	 
	font-family: 'OratorStd-Slanted';
	src:url('font/OratorStd-Slanted.otf');
	format('truetype');
}

@font-face {	 
	font-family: 'Orator10 BT';
	src:url('font/Orator10 BT.ttf');
	format('truetype');
}









#asso {
	background-image:url(images/fond-asso-contact.png);
	background-repeat:no-repeat;
	color:white;
	width:525px;
	height:395px;
	margin:auto;
	float: left;
	margin-left:30px;
	margin-top:100px;
}

#asso img {
	margin-left:180px;
	margin-top: 20px;
}

.texte-collectif-contact {
	width:417px;
	height:268px;
	margin-top:px;
	margin-left: 50px;
	font-family:"Orator10 BT", arial, sans-serif ;
	text-transform:uppercase; 
	text-align:justify;	
}


.texte-collectif-contact li {
	list-style:none;
}

.texte-collectif-contact ul {
	margin:5px;
}

.contact-membre {
	width:523px;
	height:237px;
	background-image:url(images/fond-mail-contact.png);
	background-repeat:no-repeat;
	margin-left:30px;
	margin-top:10px;
	color:white;
	font-family:"Orator10 BT", arial, sans-serif ;
	float:left;
}

.paul-gros {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:left;
	margin-left:15px;
	margin-top:20px;
}

.mail {
	margin-left:10px;
}



.nico-mathias {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:right;
	margin-right:15px;
	margin-top:20px;
}


.margaux {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:left;
	margin-left:15px;
	margin-top:10px;
}


.laurent {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:right;
	margin-right:15px;
	margin-top:10px;
}

.louis {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:left;
	margin-left:15px;
	margin-top:10px;
}

.clement {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:right;
	margin-right:15px;
	margin-top:10px;
}

Si vous avez une petite idée pour m'aider se serai vraiment sympa.

Bonne journée à tout le monde.
Modifié par lolo94 (30 Apr 2011 - 15:10)

Re,

Je ne comprends vraiment pas...

Lorsque je fais aperçus avec Firefox en partant de Dreamweaver tout s'affiche correctement. Il suffit que je clic sur Accueil et que je revienne sur cette page pour que tout soit comme sur l'image... Pourtant c'est la même feuille de style pour toute mes pages que j'utilise....

Je ne comprend pas pourquoi lorsque je quitte la page et reviens dessus elle change...