border - 下部の境界線が：activeで消えない

Question

：activeで下の青い境界線を消そうとしています。永続的な境界線は背景のdivに関連付けられていますが、ハイパーリンクに下部の境界線がなくても、ハイパーリンクがアクティブな場合は消えません。

これがプロジェクトのフィドルです：

http://jsfiddle.net/ajrdesign/cTKnn/5/

この背景divが他の要素の上に表示される理由を知っている人はいますか？

Answer 1

理解した。li 要素ではなく、ul li 要素に境界線を追加しました。したがって、:hover と :active は、その上に別の境界線を追加するだけの簡単なものでした。それを変更して、うまくいきました！

http://jsfiddle.net/ajrdesign/HgnwG/