html - ホバーが正しく機能しない

Question

必要なコードをいくつかコピーするとjsfiddle、正しく機能しますが、私の Web サイトでは機能しません。

タブ メニューに関する私の主な問題は、Our Rooms, Our Gemsホバーしたときに完全に機能しないなどです。

これは、ホバーが正しく機能しないサイトです

これはjsfiddleで動作しています

編集

主な問題は理解するのが難しいと思います。ということでヒントを出します。で変更#tabs li aするとheight: 200px;、ポインターがテキストの上ではなく、テキストの下にあることがわかります。

Answer 1

{text-decoration:none; を作成しました。} a:hover {text-decoration:none; }

a & a:hover に違いはありません

a:hover で何かを変更する

Answer 2

これをスタイルに追加すると、うまくいきます

#tabs li:hover {
    cursor: pointer;
}

次の方法でも実行できます。

#tabs li a,
#tabs li:hover,
#tabs li a:hover {
    cursor: pointer;
}