Menu doet raar in Firefox

[Daantje3]

Hallo allemaal,

Ik ben een website aan het maken maar helaas doet het menu alleen raar in Firefox. Hier een foto:


En hier de css ervan:

nav a {
	color: #747887;
	font: bold 13px/16px Arial;
	text-transform: uppercase;
}

nav {
	margin-top: -62px;
	margin-left: 462px;
}
nav ul {
	text-align: left;
	display: inline;
	margin: 0;
	list-style: none;
}
nav ul li {
	display: inline-block;
    border-top: 5px solid #575B68;
	margin-right: -4px;
	position: relative;
	padding: 21px 20px;
	background: #fff;
	cursor: pointer;
}
nav ul .active {
	background: none repeat scroll 0 0 #FCFCFC;
	padding: 21px 19px;
	border-color: #EEEEEE;
    border-style: solid;
    border-width: 0 1px;
}
nav ul .active  a {
	color: #5FAE13;
}
nav ul li:hover {
	background: none repeat scroll 0 0 #FCFCFC;
	padding: 21px 19px;
	border-color: #EEEEEE;
    border-style: solid;
    border-width: 0 1px;
}
nav ul li:hover a {
	color: #5FAE13;
{

Ik hoop dat iemand me kan helpen hiermee.

Groet,
Daantje3

 

[Daantje3]

Opgelost, ik gebruikte Ubuntu als lettertype op de hele body, toevallig ging dat ergens verkeerd en heb ik de Ubuntu font maar in de wrapper gezet.