How to remove hover effect from a column of a table

[ned424]

I'm new in here and this is my first questions in this area.I've made a table using HTML, CSS. This is the table: http://abidhasan.zxq.net/table/table-others.htmlIf we keep mouse on a row, hover effect will be happened on that row. Even, if we keep the mouse on a icon/price, the text of the price and the text of the first column will be bold so that it's can easily understand that which column of a which row, I've kept the mouse actually: https://www.dropbox.com/s/q8acafxu3yhefj0/table.pngEverything is fine. But, I've faced one problem.(1)If I keep mouse on second row, the last column will be also get the hover effect. But, I don't want that. I want, If I keep mouse on second row, the last column won't be hovered.(2)When I keep mouse on the last column, it'll get hover effect,fine. But, at the same time, second row also get hover effect. I don't want this too. I want that, when I keep mouse on the last column, only the last column will get the hover effect, no other rows/column won't get that hover effect, How, can I do this?The structure of my table:\[code\]<table class = "table-4"> <tr> <th>Tapered Triangle</th> <th>Diameter 8'</th> <th>Diameter 10'</th> <th>Diameter 12'</th> <th>Diameter 14'</th> <th>Diameter 15'</th> <th>Diameter 16'</th> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td rowspan = "5"></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr></table>\[/code\]Mainly, I'm facing problem on the second row:\[code\]<tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td rowspan = "5"></td></tr>\[/code\]and the last column of the second row\[code\]<td rowspan = "5"></td>\[/code\]Please, if possible, try to give solution by CSS. If it isn't possible by CSS and you give solution with Javascript/jQuery, tell me details kindly as I ain't expert at Javascript/jQuery. If you give solution with CSS3, kindly tell me too how that meet the demand of Cross Browser Compatibility. I'm really new in here. So, please forgive any of my mistake. Thanks to everyone to see my questions.