# A:Hover Question

**URL:** https://forum.kirupa.com/t/a-hover-question/266247
**Category:** web dev
**Created:** [July 17, 2008, 5:19pm UTC](https://forum.kirupa.com/t/a-hover-question/266247 "2008-07-17T17:19:10Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![bear](https://avatars.discourse-cdn.com/v4/letter/b/ac8455/32.png) [@bear](https://forum.kirupa.com/u/bear)
#### Post date: [July 17, 2008, 5:19pm UTC](https://forum.kirupa.com/t/a-hover-question/266247/1 "2008-07-17T17:19:10Z")

</div>

I’m trying to do this without resorting to javascript. I cannot change the background on an a:hover. What could I be doing wrong?

```auto
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
    #tbleMenu td div
    {/* */
        width:127px;
        height:18px;
        font-size:11px;
        background-color:#0099CC;
        border:1px #00CCFF solid;
        padding:10px;
        padding-top:5px;
        padding-bottom:14px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        
    } 
    
    #tbleMenu a
    {
        text-decoration: none;
        font-weight:bold;
    }
    
    #tbleMenu td a:hover
    {
        /* color:#FFFFFF; */

        background-color:#FFFFFF;
    }
</style>
</head>

<body>
<table id= 'tbleMenu'
        border="0">
        <!-- Menu Content Start -->
  <tr>
    <td><a href=''><div>Connect with your classmates</div></a></td>
    <td><a href=''><div>Connect with your classmates</div></a></td>
    <td><a href=''><div>Connect with your classmates</div></a></td>
  </tr>
  <tr>
    <td><a href=''><div>Connect with your classmates</div></a></td>
    <td><a href=''><div>Connect with your classmates</div></a></td>
    <td><a href=''><div>Connect with your classmates</div></a></td>
  </tr>
          <!-- Menu Content End -->
</table>
</body>
</html>

```
