td.box:hover works with FireFox but not with Explorer!

Discussion in 'CSS' started by celia05es, May 14, 2007.

  1. #1
    Hi,
    I have the following simple html code:

    
    <head>
    <style type="text/css">
            body { color: black; background: white; }
            td.box { background: #E0E0E0; }
            td.box:hover { background: #9999FF; }
            td.box:active { background: #FF6600; }
    </style>
    </head>
    <body>
    <table border="0" cellpadding="10" cellspacing="5">
    <tr>
            <td class="box"><a href="a1.jsp" target="frame2">A</a></td>
    </tr>
    <tr>
            <td class="box"><a href="a2.jsp" target="frame2">B</a></td><br>
    </tr>
    </table>
    </body></html>
    
    Code (markup):
    This code works fine with FireFox.... the color changes when passing over the link..... but it does not work with Explorer (version 6)

    Could someone help me please?

    Thank you
     
    celia05es, May 14, 2007 IP
  2. xooMan

    xooMan Peon

    Messages:
    92
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    IE supports :hover pseudo class only on <a> elements. So, you either have to replace <td> with <a> or use some other (JavaScript?) way.
     
    xooMan, May 14, 2007 IP