bordas somem

tenho um menu onde uma lista está formatada da seguinte forma:lu { list-style:none; position:absolute;}li { display:inline;}li a { border-bottom:3px solid #f00;}li a:hover { border-bottom:3px solid #f0f;}ao passar o mouse por cima do link a borda troca de cor... isso a maioria ja sabe esse menu esta dentro de um divdiv { position:relative;}o problema é quando eu testo isso no ie as bordas desaparecemeu resolvi esse problema tirando o position:relative do div e trocando o possition do UL para realtiveeu queria saber se tem como resolver isso mantendo os positions do DIV e do UL?