FireFoxでリンクをクリックしても飛ばない

質問

・Firefoxで表示すると、左上にあるリンクをクリックしてもリンク先に飛びません。
(なぜか他のリンクはきちんと飛ぶ)
LunascapeでGekkoエンジンにした時も同じ結果です。

・IE 8.0/9.0 では、正確にリンク先に飛びます

・何かブラウザによって違う動きをするHTMLを書いてしまったのでしょうか?

すみません、教えてください。

----------
そこのところの記述ですが
<p>
<a href="http://********************.com/">index.htm</a> | <a href="http://********************.com/about_me.htm">About me</a>
</p>
FireFoxのみ これでリンク先に飛べません。

http://********************.com/index.htm内で
例えば、
<li><a href="**************.htm"> PCs, **********:ミニタワー</a> </li>
と記述したところは、どちらのブラウザでもリンク先に飛べます

ヒントや解決方法をいただければ幸いに存じます。

回答No.3

ORUKA1951 · ベストアンサー

＞「自身のサイトへ誘導している」という理由で（そんなつもりないのに）、URLを削除されてしまい、
　これは、そのために質問者が被害を受ける可能性もあるので致し方ない部分もありますね。

　方法としては、「自分が」と書かずに、第三者のようなつもりで、下記サイトを訪問したら、リンクらしいのに機能しない。・・・とすればよいです。
　こうすると「自サイトへの誘導」ではないです。

　fireBugはウェブ開発にはとても便利ですね。これと、server Swicherというアドオンがあれば、ローカルとリモートを切り替えて確認もできます。
　HTML Validator とか、firefoxは開発者にとても便利ですね。
Firefox アドオン - 拡張機能 - 開発者向けツール | Mozilla Japan ( https://addons.mozilla.jp/firefox/extensions/developer_tools/?sort=downloads&num=20 )

お礼

再々度の回答ありがとうございます。
server Swicher 入れました。

「開発者向け」ですか^^
簡単なページを作っているだけなのに、けっこうHTMLって難しいんですね。

回答No.2

ORUKA1951

＞他の解決策を探すこととなりそうです。
・下敷きになっている要素にz-indexを設定する。
　p small{z-index:10;}
　<samll class="z-index:10">
・この部分をHTML最後(かぶさっている要素より後)に書き、absoluteで上に持っていく。
　p small{position:absolute;top:0;left:0;}

　ただ、サイトで埋め込まれる要素が最後の部分に書かれているので、それより後は無理な気がします。また、z-indexはふるいIEには無効です。
　よってかぶさる要素の位置から外すしかないでしょうね。

お礼

再度の回答ありがとうございます。
非常に勉強になりました。
古いIEには無効な記述もあるのですね。
ここ10年htmlを書いていなかったので参考になりました。

さて「自身のサイトへ誘導している」という理由で（そんなつもりないのに）、URLを削除されてしまい、これ以上新しい回答が望めなくなったため、7/6 23:00頃に質問を閉じます。
丁寧な解説に再度御礼申し上げます。

「<li><a href="pcs_mini-tower.htm">PCs, mini-tower:ミニタワー</a> </li>」
まで、伏字にされてしまいました。
このソースを書いたからと言って、どうやったらサイトに誘導できるんだか ^^;
(私のコンピュータの前に連れてきて、ハードディスク内を検索させるんですかね^^)

回答No.1

ORUKA1951

ということは、もちろん、opera,safari,googleChromeでも飛ばないということですね。
で、試してみたらやはり想像通り・・IE8のバグですね。
上に別のブロックが重なっている・・
<div id="fc2_qr_code_header" style="position: absolute; top: 0pt; left: 200px; text-align: center; width: 70%; font-size: 9pt; background-color: transparent;">
とする

　せっかくfirefoxをお持ちなら、fireBugでブロック・要素の位置やスタイルを確認して、その場で適当な数値に変えて表示を確認すればすぐわかる。

お礼

回答ありがとうございます。

ブラウザ4種類も見て頂いて、大変なお手間をかけました。
Mac OS Xは持っておらず、safariでの確認は、特に大変ありがたく存じております。

頂いた回答の中に、まだ自分の理解が届かない箇所があるものの、タグの解説書を読めば解決できそうです。

添付図に関しても大変分かりやすかったです。

ありがとうございました。

補足

どうも問題のタグを、アップロード時に、自動で埋め込むことが借りているサーバーの必須条件らしく、他の解決策を探すこととなりそうです。
(c:\web\・・・.htm をFirefoxとoperaで見たところ、正常でした。)

でも勉強になりました。本当にありがとうございます。

有料サービスに移行する際には、(あと、自分の勉強のためには)非常に有用な情報です。
重ねて御礼申し上げます。