greenbeat: firefox ignoriert link formatierung! (via externe css)

Hallooo liebe CSS Experten,

ich verzweifle halb an einem simplen Link. Der Link soll einfach bloß ein Bild als Hintergrund haben...Nur leider will der FIREFOX nicht...! (siehe bild: http://greenbeat.byto.de/prob/bild.png)

hier mal mein HTML-CODE:
....
<link rel="stylesheet" type="text/css" href="nav.css">
</head>

<body>

<div id="navi">
         <img src="bilder.png" alt="" border="0"><br>
 <a href="inhalt_freunde.html" class="link2">Freunde</a>

</div>
....

und der CSS-CODE:
#navi{
  margin:13.5px;
         padding:13.5px;
         width:250px;
         height:100%;}

a.link2:link, a.link2:visited{
  display:block;
  height:23px;
         width:223px;
         background-image:url(navilist.png);
         background-repeat:no-repeat;
         color:#164f95;
         font-size:10px;
         font-family:verdana, arial, helvetica, sans-serif;
         text-decoration:none;
         padding-top:5px;
         padding-left:35px;}

a.link2:hover{
  font-color:#296dc1;
         text-decoration:underline;}

ICH HOFFE IHR KÖNNT MIR HELFEN UND BEDANKE MICH SCHONMAL IM VORRAUS FÜR EUERE BEMÜHUNGEN :)

mfg gReenbeat

  1. hallo,

    #navi{
      margin:13.5px;
             padding:13.5px;
             width:250px;
             height:100%;}

    vielleicht muss ff zu lange überlegen, wie er auf ein halbes Pixel genau formatieren soll?

    mfg

  2. hallo,

    mit den Angaben sollte es doch funktionieren, meine Testseite sah so aus wie gewünscht.

    font-color:#296dc1;

    font-color gibt's aber nicht Dann wird es wohl an deiner externen Datei liegen ...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>
    <head>
     <title>test 13.5px </title>
     <meta http-equiv="Content-Style-Type" content="text/css">

    <style>

    #navi{
      margin:13.5px;
             padding:13.5px;
             width:250px;
             height:100%;
     background-color:#ffffdd;
    }

    a.link2:link, a.link2:visited{
      display:block;
      height:23px;
             width:223px;
             background-image:url(mygif.gif);
             background-repeat:no-repeat;
         background-color:yellow;
             color:#164f95;
             font-size:10px;
             font-family:verdana, arial, helvetica, sans-serif;
             text-decoration:none;
             padding-top:5px;
             padding-left:35px;}

    a.link2:hover{
      color:red;
             text-decoration:underline;}
    </style>
    </head>

    <body>

    <div id="navi">
             <img src="bilder.png" alt="bilder" ><br>
     <a href="inhalt_freunde.html" class="link2">Freunde</a>

    </div>
    ....

    </body>
    </html>