Problema com a:hover no IE8

Bom dia pessoal, vim até aqui no fórum para ver se vocês podem me ajudar com um probleminha em css, é o seguinte, montei um menu, tudo beleza, mas no internet explorer 8 ele não funciona a propriedade a:hover do css, sendo que é algo simples, ele apenas deve criar um border-botton, mas no IE8 não funciona de jeito nenhum, segue o código abaixo:

#box2 { font-family:Verdana, Geneva, sans-serif; font-size:17px; }
#box2 ul { list-style:none; margin:11px 0 0 0; display:block; }
#box2 ul li { float:left; padding:0 45px 0 0; }
#box2 ul a{ color:#fff; text-decoration:none; padding:0 0 6px 0; }
#box2 ul a:hover, a:active, a:visited { text-decoration:none; border-bottom:5px solid #FFF; }
.box2_ativa { border-bottom:5px solid #FFF; }

<div class='box' id='box2'>
 <div style="width:1014px; margin:0 auto; padding-left:10px;">
 <ul>
 <li><a href="#" class="box2_ativa">Início</a></li>
 <li><a href="#">A Univel</a></li>
 <li><a href="#">NEAD</a></li>
 <li><a href="#">Metodologia</a></li>
 <li><a href="#">Onde Estamos</a></li>
 <li><a href="#">False Conosco</a></li>
 </ul>
 </div>
</div>