Internet Explorer-Fehler bei Mouseoverfeld

[OrlandoRafaelo]

Hallo

Für meine Linklisten habe ich per CSS ein Mouseoverfeld erstellt, in die ich meine Links einfügen möchte.
In Mozilla Firefox funktioniert alles prächtig, aber der Internetexplorer zeigt eigentlich alles, was man falsch anzeigen kann, falsch an! Wo sind meine Fehler im HTML/CSS Code?

Diese Links werdet ihr brauchen

Link zur Seite: Philosophie-Paradigma-Prototypen Kunst-Kreativität-Kritik-Kosmische-Kultur
CSS-Links
1. Box http://www.roland-rafael-repczuk.de/css/box.css
2. Menu http://www.roland-rafael-repczuk.de/css/menu3_onlinegalerien.css




Teil meines HTML Codes

  <li><a href="#nogo">Kunstportale<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
      <li>
        <table style="text-align: left; width: 868px; height: 20px;"
 border="0" cellpadding="2" cellspacing="2">
          <tbody>
            <tr>
              <td style="width: 146px;">
              <div class="box_onlinegalerien"><a
 href="http://www.edition-westkueste.de/profile/view/id/71"
 target="_blank">Westk&uuml;ste</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.craftercircle.com/OrlandoRafaelo"
 target="_blank">Craftercircle</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.artscuttlebutt.com/OrlandoRafaelo"
 target="_blank">Art Scuttle</a></div>
              </td>
              <td style="width: 150px;">
              <div class="box_onlinegalerien"><a
 href="http://kulturportal.de/-/kulturschaffende/detail/34262"
 target="_blank">kulturportal</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.artistportfolio.net/index.php?secret=141&amp;artist_id=13659"
 target="_blank">artistportfolio</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.paintingsilove.com/artist/demetriosvlachos"
 target="_blank">Demetrios
Vlachos</a></div>
              </td>
              <td style="width: 146px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
              <td style="width: 148px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
              <td style="width: 148px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
              <td style="width: 144px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
            </tr>
          </tbody>
        </table>
      </li>
    </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>

 

[threadi]

Du wendest die Pseudoklasse hover auf li-Elemente an. Das klappt in modernen Browsern aber nicht im IE bis einschließlich Version 7. Für diese Browser musst Du in solchen Fällen auf JavaScript zurückgreifen.