Der IE7 scheint Probleme mit dem Wert inherit zu haben, soviel habe ich bei endlosen Tests und googeln herausgefunden. Frage: Existiert da irgendein Workaround, um dieses Problem zu lösen?
CSS sieht so aus:
.menu a, .menu a:visited {
border-style: none;
border-width: 0;
border-color: #94dbff transparent;
color: #94dbff;
}
.menu a:hover, .menu ul ul a:hover, .menu :hover > a, .menu ul ul :hover > a {
color: #fff;
border-color: #fff transparent;
background-color: #1b5590;
}
.menu ul li span {
border-style: solid;
border-width: 3px 3px 0 3px;
border-color: inherit;
font-size: 0;
line-height: 0;
display: inline-block;
margin: 0 0 1px 0;
}
HTML so:
<div class="menu">
<ul>
<li><a href="#">Startseite <span></span></a></li>
</ul>
</div>
Hauptsächlich geht es mir darum, dass der Bereich <span></span> die border-color Werte das Eltern-Elements <a> annimmt.
Gibt es da Hoffnung auf eine Lösung?
- Hal.