IE und Firefox

Nachdem ich meine Seite soweit eingerichet habe, habe ich sie mir auf IE und Firefox angesehen... komischerweise sieht die Website auf den beiden Browsern jeweils anders aus.
Genau genommen ist nur die Schrift im Navigation Bar auf Firefox nicht korrekt [hab sie eingestellt auf Verdana, 1.1. em - aber sie wird als was anderes angezeigt auf Firefox].
Weiß jemand wieso?

 

CSS für den "Inhalt" der Navigation tabs ist wie folgt eingestellt:

#navi a {
text-decoration: none;
font: 1.1em normal verdana;
color: Maroon;
}

Auf IE wird auch der font "Verdana" angezeigt, aber nicht in Firefox.

 

HAHA... sehr witzig... ich habe halt im ganzen Stylesheet, was ich Dir gerne auch nochmal posten kann, sämtliche anderen Schriftarten entfernt und es auf "Verdana" begrenzt, daher kann ich mir nicht erklären, warum überhaupt eine andere Schriftart in meinem Blog auftaucht [Firefox oder IE hin oder her].


/*
Theme Name: 12 apostles
Theme URI: http://www.topspotseo.com/roblog/
Description: This picture was taken at the 12 Apostles, South West from Melbourne along the Great Ocean Road. In my opinion one of the most specatular sights in Australia.
Author: Ronan Menton
Author URI: http://www.topspotseo.com/roblog/
Version: 1.00
.
General comments/License Statement: None
.
*/

body {
background: #0E0E10
text-align: center;
padding: 1em 0;
font: 62.5% verdana;
background-color: #C1C1C1;
}



a {
color: Maroon;
}

a:hover {
color: #00008B;
text-decoration: none;
}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 1px dashed #eee;
}

acronym, abbr, dfn {
border-bottom: 1px dashed #eee;
font-style: normal;
}

blockquote {
border-left: 5px solid #C1C1C1;
margin: 1em 0;
padding: 10px;
background: Black;
width: 470px;
font: bold;
color: White;
}

code, pre {
color: #FFF277;
font-family: verdana;
color: Black;
}

.bild-links {
float: left;
margin: 0 15px 3px 0;
}

.bild-rechts {
float: right;
margin: 0 0 3px 15px;
}

.center {
text-align: center;
}

.search-button {
font-size: 1em;
font-weight: normal;
border: 1px solid Black;
background: #303A52;
color: #ffc;
padding: 1px 2px;
}

#container {
margin: 0 auto;
text-align: left;
width: 730px;
border-bottom: 5px solid #eee;
background: url(images/container.gif);
line-height: 150%;
font: normal;
color: Black;
}

#header {
height: 205px;
background: url(images/bahn.jpg) no-repeat;
font: bold;
color: #00008B;
}

#header h1 {
font: italic 22px verdana;
color: #fff;
line-height: 80px;
padding: 0 15px;
color: Maroon}

#header h1 a {
color: #fff;
text-decoration: none;
color: Maroon}

#navi {
float: right;
width: 200px;
color: Black;
}

#navi-innen {
padding: 0 15px 10px 15px;
color: Black;
}

#navi h2 {
font: small-caps normal 1.6em verdana;
margin: .8em 0 .2em 0;
color: Black;
}

#navi ul {
list-style: none;
margin: .4em 0 1em 0;
padding: 0;

}

#navi ul li ul {
margin: .2em 0 .4em .5em;
}

#navi a {
text-decoration: none;
font: 1.1em normal verdana;
color: Maroon;
}

#navi .navi-search {
margin-bottom: 3px;
background: #eee;
font-size: 1.5em;
width: 150px;
border: 1px solid #300000;
}

#content {
margin: 1em 215px 1.5em 15px;
font-size: 1.1em;
color: Black;
}

#content h2 {
font: bold 1.5em verdana;
margin: 5px 0;
color: Maroon}

#content h2 a {
text-decoration: none;
color: Maroon};
}

#content h3 {
padding: 0 0 0 17px;
margin: .5em 0;
font-size: 1.4em;
color: Black;
}

#content h4 {
font-size: 1.3em;
padding: 0;
margin: 1em 0;
color: Black;
}

#content h5 {
font-size: 1.1em;
padding: 0;
margin: 1em 0;
color: Black;
}

#content .date {
font-size: 1em;
text-align: right;
font-weight: bold;
}

#content .meta {
font-size: .9em;
}

#content .feedback {
margin: 15px 0 15px 0;
text-align: right;
padding-bottom: 10px;
border-bottom: 1px solid #60687B;
color: Black;
}

#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
color: #00008B;
}

#commentform {
margin: 1em 0;
padding: 1em;
border: 1px solid #300000;
background: #303A52;
font: bold;
color: White;
}

#commentform textarea {
background: #eee;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #eee;
border: 1px solid #300000;
width: 180px;
color: Black;

}

#footer {
clear: both;
margin: 3em 15px 0 15px;
padding: 5px;
text-align: center;
font-size: .8em;
color: #600000;
}

 

Besten Dank!

Ich bin halt noch Anfänger und mir sind solche Dinge wie Semikolon etc. nicht aufgefallen, weil ich daran ja nichts verändert habe [wie gesagt, nur die Namen anderer Schriftarten entfernt].

Trotzdem, man muss mich ja nicht gleich wie ein "Dummchen" behandeln... ich hätte das auch anders verstanden.

 

Was ist ein "rip"?

 

Mag sein, dass das Stylesheet nicht ganz korrekt ist [funktioniert aber]...

der Fehler lag bei folgendem:
#navi a {
text-decoration: none;
font: 1.1em normal verdana;
color: Maroon;
}

rot musste gelöscht werden - dann funktioniert es auch in firefox.

nichts für ungut.