Whole row in a table changed

[phpnewbie81]

Hi, i created a table with two columns - name, and age.

When i mouve over any of the cell, i want the whole row background color to be changed... the following css code will only change the cell color, but not the whole row.. any idea ?

 

table.tablelist th {
border:1px solid;
border-color:#ddd #999 #888 #ddd;
background-color:#ddd;
font-weight:bold;
text-align:left;
color:#003;
padding:2px;
padding-bottom:0px;
font-size:.9em;
}

table.tablelist td {
border:1px solid;
border-color:#fff #bbb #bbb #fff;
background-color:#fff;
padding:1px;
font-size:.9em;
}

table.tablelist td:hover {
  background-color:lightyellow;
}

[ToonMariner]

table.tablelist tr:hover td{

  background-color:lightyellow;

}

 

this won't work in ie6 - for that you will need some js and the onmouseover event handler on the <tr> tag.