Geen border in IE7, wel in 6 en 8

Ik breek mijn hoofd erover, waarschijnlijk kijk ik er al te lang naar, maar;

waarom is het menu-item "wie is wie" wél voorzien van een oranje border aan de onderkant als hij de .current class heeft in IE6 en zelfs in IE8 beta (en ook Opera en Firefox), maar níet in IE7?

Code:

<div id="nav">
        	<ul>
        	  <li><a href="#">studio</a></li>
              <li>|</li>
        	  <li><a href="#" class="current">wie is wie</a></li>
              <li>|</li>
        	  <li><a href="#">portfolio</a></li>
              <li>|</li>
        	  <li><a href="#">specialisaties</a></li>
      	  </ul>
    </div>

#nav ul li {float:left; display:block; height:25px}
#nav ul li a {padding:3px 10px; color:#FFFFFF; text-decoration:none}
#nav ul li a:hover {text-decoration: underline}
#nav ul li .current {border-bottom: #FF6600 solid 3px;}
#nav ul li a:hover.current {text-decoration:none}