Вопрос по Css

Сделал я кнопки с помощью CSS в <table></table> вот моя CSS:
td.menu:link, td.menu:active, td.menu:visited {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; background: #ffffff; background-position:100%; color: #660000; text-align:left; line-height:2; text-decoration:none; width:100%; height:100%; font-weight:bold;}

td.menu:hover {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; background: #F7F2ED; background-position:100%; color: #660000; text-align:left; line-height:2; text-decoration:none; width:100%; height:100%; font-weight:bold;}

a.mn:link, a.mn:active, a.mn:visited {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; background-position:100%; width:100%; height:100%; background: #ffffff; color:#660000; text-decoration:none; font-weight:bold; line-height:2;}

a.mn:hover {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; background-position:100%; width:100%; height:100%; background: #F7F2ED; color:#660000; text-decoration:none; font-weight:bold; line-height:2;}

В IE рабоет замечательно: наводишь на ячейку таблицы и цвет фона ячейки меняется, ссылка работает. В других браузерах навожу на ячейку - меняется цвет фона ячейки, а фон ссылки остаётся такой же, и только когда навожу на саму ссылку всё ок. Как сделать так, чтобы и в остальных браузерах менялся цвет всего фона ячейки и даже фон шрифта??
P.S. когда удаляю background: #ffffff и background: #F7F2ED из a.mn , то в IE перестаёт работать, а в остальных браузерах наоборот, всё отлично. Что делать??