CSS неправильно применяется в Chrome и IE8

Question

По какой-то причине Chrome и IE применяют созданный мной CSS для неупорядоченного списка к другим ссылкам на странице.В Firefox все выглядит отлично, поэтому я не совсем уверен, что происходит.Это CSS, который я использовал:

ul#gallery-tags li a, a:visited {
line-height: 40px;
width: 100%;
display: block;
padding-left: 5px;
color: #606060;
text-decoration: none;
border-bottom: solid 1px #e0e0e0;
}

ul#gallery-tags li a:hover {
background-color: #1d95d8;
color: #fff;
border-bottom: none;
}   

Вот пример: http://jsfiddle.net/UAHw7/30/ В Firefox все выглядит просто отлично.Но в Chrome и IE список css также влияет на другие ссылки, о чем свидетельствует тот факт, что мои «ссылки нижнего колонтитула» также имеют высоту строки 40px, когда они не должны.

Я новичок в веб-разработке, поэтому любой совет будет полезен.Спасибо.

Answer 1

Я не могу реплицировать в Chrome, но все, что вы видите, может быть связано с тем, что первый используемый вами селектор применяется ко всем посещенным ссылкам и что у вас есть другой набор посещенных ссылок в вашем История ФФ ...

ul#gallery-tags li a, a:visited означает только то, что: a, которые являются детьми li, которые являются детьми ul#gallery-tags, а также all a:visited '*

Скорее всего, вы хотите, чтобы первый селектор был ul#gallery-tags li a, ul#gallery-tags li a:visited

К сожалению, CSS требует от вас быть довольно повторяющимся.