Problème CSS compatibilité Mac et PC

Je viens d'intégrer un menu horizontal en CSS dans ma page. Ce menu fonctionne très bien sur mon mac, mais dès que je vérifie sur un PC des élèments sont modifiés. Le menu ne fonctionne plus correctement.

Vous pouvez le constater sur : http://gip-auvergne.ac-clermont.fr/SPIP/article.php3?id_article=1[/url]
Je ne sais plus quoi faire.

Je vous donne le code:

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute;
	top: 75px;
	left: 626px;
	z-index:1;
	width: 350px;
	height: 196px;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #ff0033;
	height: 22px;
	width: 82px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: 100%;
}
#menu dd {
border: 1px solid #ffffff;
}
#menu li {
	text-align: left;
	background: #ff0033;
	text-indent: 3pt;
}
#menu li a, #menu dt a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#menu li a:hover, #menu dt a:hover {
	background: #ff9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff0033;
}

HELP