ネスティング<a> IEのタグ

Question

私は、HTMLでマップを作成しています。背景画像と画像マップを利用して、ある点をマウスで移動するとボックス上にカーソルを移動します。以下は、ボックスの1つに関連するCSSのセクションのコードです。 URLにリンクを追加したときにIEで問題が発生しました（このセクション）<a href="TEST.COM" style="text-align:center; padding-left: 80px;" title="TEST">TEST.COM </a>

リンクのクラスとa：hoverプロパティを使用する方法です。しかし、IEは他のブラウザよりも賢明だと思っているようで、ハイパーリンクの終わりのhrefタグもボックス全体（クラス）を終了させ、リンクの下のすべてを効果的に完全に蹴飛ばして残すページの横に表示されます。ボックス全体の目的とする終了hrefタグは、コードブロックの最後のものです。当然、Firefoxはこれを完全に解釈します。 IE 8でエラーが発生しました。互換モードはテストできません。

これをうまく動作させるための助けがあれば、素晴らしいことです。

すべての関連性のないコンテンツは、testという単語に置き換えられました。

<li><a class="TEST" href="#" title="TEST"><span><b><font size="4"> <center> 

<!-- School Info --> 
TEST </font> <br /><font style="font-size: 12px;" > 
TEST<br /> 
TEST<br /> 
(530) 582-2600 <br /> 
<a href="TEST.COM" style="text-align:center; padding-left: 80px;" title="TEST">TEST.COM </a><br /> </font> 


      </center></font> </b><br> 
      <center> <font size="4">TEST</font> </center> 

      <table width="195" border="0" style="padding-left: 10px; margin-left: 10px;"> 
    <tr> 

    <td width="150">TEST <br /> TEST<br /> TEST </td></td> 
    <td width="150">TEST</td> 
    </tr> 
</table> 

       </span></a></li> 

Answer 1

<font>と<center>タグはまた

Answer 2

あなた巣リンクすることはできません。 Firefoxはあなたのために「これを修正する」一方、IEは別の方法でこれをやっています。

情報のオーバーレイDIVを「追加」するには、リンクの外側にあるDOMに追加し、ページの上（必要に応じて位置）に浮動させる必要があります。