Hal: border-color: inherit in IE7?

Beitrag lesen

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.