Hoppande meny

Adress
https://www.skolor.pedc.se/borgar

Problem
Menyn. Fungerar bra i IE, men jag har problem i Firefox.

Beskrivning
När jag har pekaren över en bit av menyn så hoppar länken till, en pixel ner/upp, samt att den också hoppar till en liten bit när jag klickar på den. Vad kan detta bero på?
För att förenkla så har jag gjort de värden som jag tror kan spela roll i fet stil.

CSS Kod

/* CSS Document Text Formatting*/
body {
	font-family:Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color:#444;
}
em {
	color:#333;
	font-size: 10pt;
	font-weight: bold;
	font-variant: small-caps;
}
em.smallEm {
	font-weight: bold;
	font-variant: normal;
	font-size: 0.9em;
}
hr {color:#666; width:50%;}
h2, h3, h4, h5, h6, blockquote, code {
	margin: 10px 10px -10px 15px;
}
h1{	font-family:"Century Gothic";font-size: large;}
h1#noMargins {color: #000099; margin-left: 20px;}
h2 { font-size: medium; color:#309;}
h3 {font-size: 12px;}
h4 {font-size: 14px;}

p {	margin: 15px;}
#content p {
	line-height: 1.35em;
}

.Hred {color:#F00;}
.Hblue {color:#336;}

a:link, a:visited, a:active {
	text-decoration: none;
	color:#006;
}
a[target]:after {
	content:url(images/link-after.gif);
}
a:visited {
	color:#369;
}
a:hover {
	text-decoration: underline;
}

div.specialHeading  {
	margin: 0;
	padding: 6px 14px 6px 20px;
	background-color: #626085;
	color: white;
	border: 1px white dashed;
	border-right: none;
	border-left: none;
	font-size: 11px;
	font-weight: bold;
}

/* ------------- FOR LISTS: --------------- */
.stripedList { border: 1px solid #DEDEDE; }
.stripedList tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
}
.stripedList tbody tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}
table#contactTable tr td input[type="text"] {
	width:260px;
}

HTML Kod
Kan hittas på https://www.skolor.pedc.se/borgar. Menyn ligger under divven med id="links".

Det vore verkligen sjysst om någon hade kunnat hjälpa mig med det här, för jag hittar faktiskt inte skälet.

EDIT: Det är förmodligen något i text.css som gör det, ändrade koden till rätt CSS fil.

Redigerat av Palle: La till [kod]-taggar för att underlätta läsandet.

Lösningen

Det var ju verkligen konstigt. Det måste vara en bugg i Firefox.
Den raden som ställer till det är alltså:
h1{ font-family:"Century Gothic";font-size: large;}

Och den har inte det minsta att göra med hur länkarna ska se ut. Den ligger inte ens i listan som länkarna ligger i!

Jag kom fram till detta genom att kommentera bort delar av css-dokumentet. När jag tog bort hela text.css så försvann problemet. Sen uteslöt jag en rad åt gången tills det bara var en rad som spelade roll. Den ovan. :q

Kan jag rapportera det till mozilla eller vad ska jag göra?
Det rör ju sig bara om en pixels hopp, men det är ju störande.

EDIT: Det var ju väldigt konstigt. Jag testar med olika storlekar på h1, och =< 12 pt fungerar, men 12< fungerar inte alls. Då börjar den hoppa igen :q :q

EDIT 2:
Se hur det blev på https://www.skolor.pedc.se/borgar