CSSの「position:absolute;」属性について
どうしても理解できませんので、どうかお力添えをお願いいたします。
以下のかんたんな“カテゴリー”を、ＨＴＭＬとＣＳＳで作成しました。
-------------------------------------------------------------------
（ＨＴＭＬ）
<div id="navi">
<div id="kategory">
<a href="http://～">テスト１</a>
<a href="http://―">テスト２</a>
</div>
</div>
-------------------------------------------------------------------
（ＣＳＳ）
#navi{
width:180px;
} （幅１８０ｐｘのＢＯＸを作成）
#kategory a:link, #kategory a:visited{
display: block;
background-color:red;
border:solid 1px;
} （マウスカーソルがのっていないとき、背景色は赤色）
#kategory a:hover{
background-color:green;
} （マウスカーソルがのっているとき、背景色は緑色）
--------------------------------------------------------------------
「firefox」では問題なかったのですが、「Internet Explorer」ではリンク文字のところにカーソルをもっていかないと、背景色が赤色から緑色に変化しませんでした。
いろいろと調べてみた結果、
「position:absolute;
top: 0px;」
をＣＳＳの「#navi」のなかに書きたすことで、リンク文字以外の箇所にマウスをもってきても背景色が赤色から緑色に変化するようになりました。
どうして「position:absolute;」という属性を使うことにより、リンク文字以外のところへカーソルをもってきても、赤色から緑色へ変化するようになるのでしょうか？
どうか、よろしくお願いいたします。
お礼
回答ありがとうございます。 lisyaoran様の言った通り、ゲーム内で属性解放と名の付くスキルを探してみたらしっかりありました。 Lv3で隠された属性が100%発揮出来るというのがそれだったんですね。 本当にありがとうございました。 スッキリしました。