Подскажите, пожалуйста, как правильно в 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/
Помогите, пожалуйста, если можете.