[carpeperdiem]

You can also try this technique:

your table cell will start something like:

<td width="{$width}%" class="listing" onmouseover="this.className='listing2'" onmouseout="this.className='listing'">

and the corresponding css might look like:

.listing { border: 1px solid; padding: 7px; border-color: #E5E5E5; background: #FFF0F5; text-align: center; }
.listing2 { border: 1px dotted #845974; padding: 7px; background: #C3E9EB; text-align: center; }