ссылка в CSS
 

Подскажите, пожалуйста, как правильно в CSS описать ссылку: в голубеньком кружке текст, при наведении кружок становится оранжевым.
У меня два jpeg-файла с голубым и оранжевым кружками соотвественно.
Ссылку прописываю в CSS следующим образом:

a.symb:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#666666; text-decoration: none; background:url(/image/product/nuclid_1.jpg) no-repeat 10% 0%; height:35px; width:35px; vertical-align: middle; padding-top: 7px; text-align:center;}

a.symb:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#666666; text-decoration: none; background:url(/image/product/nuclid_1.jpg) no-repeat 10% 0%; height:35px; width:35px; vertical-align: middle; padding-top: 7px; text-align:center;}

a.symb:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#666666; text-decoration: none; background:url(/image/product/nuclid_1.jpg) no-repeat 10% 0%; height:35px; width:35px; vertical-align: middle; padding-top: 7px; text-align:center;}

a.symb:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#333333; text-decoration: none; background:url(/image/product/nuclid_2.jpg) no-repeat 10% 0%; height:35px; width:35px; vertical-align: middle; padding-top: 7px; text-align:center;}

Работает только в IE, в Mozilla и Nescape - нет (фон только на тексте)
Пример: www.ritverc.com/en/product/

Помогите, пожалуйста, если можете.

a {
font:bold 11px/1.2em Verbana #666;
background:url(/image/product/nuclid_1.jpg) no-repeat 10% 0%;
height:35px; width:35px;
padding-top: 7px; text-align:center;

vertical-align: middle;*/ili NM http://www.flasher.ru/forum/showthread.php?t=72667*/
}

a:hover{
background:url(/image/product/nuclid_2.jpg) no-repeat 10% 0%;
}

спасибо
 

Спасибо, вы только упростили мой код. Проблемы били с Netcape, Mozilla.
Я дописала display: block;
Все стало нормально, только ссылка хочет быть на одной строке, пришлось делать таблицу с ячейками для каждой такой ссылки.

display:inline; ili float:right; для списка(<ul><li>) вместо таблицы
есле не полу4итса присылай свой table
постораюсь помо4ь
уда4и :)