Hover over columns to change color? Options

[dougmanic]

Suppose you have a table, something like this:

CODE

<table>
     <tr>
         <td>Col 1</td><td>Col 2</td><td>Col 3</td>
     </tr>
     <tr>
         <td>Col 1</td><td>Col 2</td><td>Col 3</td>
     </tr>
</table>

Using Javascript or CSS, is there a way to change the background color of the whole first column (and not the row) whenever it is hovered upon?

I'm stumped on how to do this.