Lukey4: IE Problem: Bilder werden verschoben

Hallo zusammen,
ich möchte eine horizontale Navigation erstellen; dazu soll jeder Listeneintrag ein Hintergrundbild erhalten. Hier mal der HTML Code:

...
<div id="navigation">
 <ul>
  <li class=""><a href="#1">Home</a></li>
  <li class=""><a href="#2">Zine</a></li>
  <li class=""><a href="#3">Things</a></li>
  <li class=""><a href="#4">Contact Us</a></li>
 </ul>
</div>
...

Ich habe mir dazu nun ein CSS File geschrieben. Im Firefox stehen die Bilder auf selber Höhe nebeneinander. Im IE werden die Bilder zwar ebenfalls direkt nebeneinander angeordnet, in der Vertikalen verschieben sich die Bilder aber immer weiter nach unten.

Hier das CSS:

a:link, a:visited {
   display: inline;
   float: left;
   list-style-type: none;
   background: url(bilder/button.jpg);
   background-repeat: no-repeat;

text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 12px;
   color: #fff;
   line-height: 130px;
   width: 109px;
}

Ist bestimmt eine Kleinigkeit, wäre super wenn mir jemand helfen könnte!

Beste Grüße vom Lukey4

  1. ich möchte eine horizontale Navigation erstellen; dazu soll jeder Listeneintrag ein Hintergrundbild erhalten.

    Ich habe mir dazu nun ein CSS File geschrieben. Im Firefox stehen die Bilder auf selber Höhe nebeneinander. Im IE werden die Bilder zwar ebenfalls direkt nebeneinander angeordnet, in der Vertikalen verschieben sich die Bilder aber immer weiter nach unten.

    Hier das CSS:

    a:link, a:visited {
       display: inline;
       float: left;
       list-style-type: none;
       background: url(bilder/button.jpg);
       background-repeat: no-repeat;

    text-align: center;
       text-decoration: none;
       font-weight: bold;
       font-size: 12px;
       color: #fff;
       line-height: 130px;
       width: 109px;
    }

    Hallo Lukey4,

    probier's mal so:

    a:link, a:visited {
       background: url(bilder/button.jpg);
       background-repeat: no-repeat;
       text-decoration: none;
       font-weight: bold;
       font-size: 12px;
       color: #000;
    }
    li {
       float: left;
       text-align: center;
       line-height: 130px;
       width: 109px;
       list-style-type: none;
    }

    Best wishes, imho_tep

    --
    Es geht aufwärts, sagte der Fisch, als er an der Angel hing.