Hover Effekt klappt nicht!

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hover Effekt klappt nicht!

    Hi,

    wollte nen Hover Effekt erzeugen leider klappt der nur mit dem Mozilla und nicht mit dem SCH**** IE7

    LINK: web9.server2.eb-hosting.de/Pagess/index.html

    index.html:

    Quellcode

    1. <html>
    2. <head>
    3. <title>index</title>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    5. <link rel="stylesheet" href="style.css" />
    6. </head>
    8. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
    9. <table id="Table_01" width="765" height="567" border="0" cellpadding="0" cellspacing="0">
    10. <tr>
    11. <td rowspan="2"><img src="images/index_01.gif" width="19" height="567" alt="" /></td>
    12. <td>
    13. <a href="start.html" id="i02"><img src="images/spacer.gif" width="49" height="57" border="0" alt="Index"></a>
    14. </td>
    15. <td rowspan="2"><img src="images/index_03.gif" width="7" height="567" alt="" /></td>
    16. <td>
    17. <a href="gallery.html" id="i04"><img src="images/spacer.gif" width="49" height="57" border="0" alt="Gallerie"></a>
    18. </td>
    19. <td rowspan="2"><img src="images/index_05.gif" width="8" height="567" alt="" /></td>
    20. <td>
    21. <a href="tunier.html" id="i06"><img src="images/spacer.gif" width="49" height="57" border="0" alt="Turnier"></a>
    22. </td>
    23. <td rowspan="2"><img src="images/index_07.gif" width="13" height="567" alt="" /></td>
    24. <td>
    25. <a href="kontakt.html" id="i08"><img src="images/spacer.gif" width="49" height="57" border="0" alt="Kontakt"></a>
    26. </td>
    27. <td rowspan="2"><img src="images/index_09.gif" width="438" height="567" alt="" /></td>
    28. <td>
    29. <a href="impressum.html" id="i10"><img src="images/spacer.gif" width="60" height="57" border="0" alt="Impressum"></a>
    30. </td>
    31. <td rowspan="2">
    32. <img src="images/index_11.gif" width="24" height="567" alt="" />
    33. </td>
    34. </tr>
    35. <tr>
    36. <td><img src="images/index_12.gif" width="49" height="510" alt="" /></td>
    37. <td><img src="images/index_13.gif" width="49" height="510" alt="" /></td>
    38. <td><img src="images/index_14.gif" width="49" height="510" alt="" /></td>
    39. <td><img src="images/index_15.gif" width="49" height="510" alt="" /></td>
    40. <td><img src="images/index_16.gif" width="60" height="510" alt="" /></td>
    41. </tr>
    42. </table>
    43. <!-- End ImageReady Slices <- wtf?! -->
    44. </body>
    45. </html>
    Alles anzeigen


    und die Style.css:

    Quellcode

    1. body {
    2. background:#FFFFFF;
    3. }
    5. a#i02 { background:url(images/index_02.gif) center center no-repeat;display:block; }
    6. a#i02:hover { background:url(hover/hover-start.gif) center center no-repeat; }
    8. a#i04 { background:url(images/index_04.gif) center center no-repeat;display:block; }
    9. a#i04:hover { background:url(hover/hover-gallery.gif) center center no-repeat; }
    11. a#i06 { background:url(images/index_06.gif) center center no-repeat;display:block; }
    12. a#i06:hover { background:url(hover/hover-tunier.gif) center center no-repeat; }
    14. a#i08 { background:url(images/index_08.gif) center center no-repeat;display:block; }
    15. a#i08:hover { background:url(hover/hover-kontakt.gif) center center no-repeat; }
    17. a#i10 { background:url(images/index_10.gif) center center no-repeat;display:block; }
    18. a#i10:hover { background:url(hover/hover-impressum.gif) center center no-repeat; }
    Alles anzeigen



    Kann mir jemand weiterhelfen wieso im IE alles so verzerrt ist?