imho_tep: IE Problem: Bilder werden verschoben

Beitrag lesen

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.