Hallo,
folgendes Problem:
Ich formatiere meine Navigationslinks auf meiner (gerade entstehenden Homepage) mit CSS so:
a.navi:link
{
width: 199px;
border-top-style: solid;
border-top-width: 5px;
border-top-color: #f88600;
font-family: Verdana;
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color: #2d5a83;
}
a.navi:hover
{
width: 199px;
border-top-style: solid;
border-top-width: 5px;
border-top-color: #ffa73f;
font-family: Verdana;
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color: #2d5a83;
}
a.navi:visited
{
width: 199px;
border-top-style: solid;
border-top-width: 5px;
border-top-color: #f88600;
font-family: Verdana;
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color: #2d5a83;
}
(HTML): <a class="navi" href="blabla">Home</a>
Im IE funktioniert das ganz gut, das Design sieht genau so aus, wie ichs gerne hätte. Mozilla scheint aber die width Angaben zu ignorieren. Kennt irgendwer ein workaround? Bisher bin ich im Netz noch nicht fündig geworden ... .
Gruß und Danke