ChromeとIE8でCSSが不適切に適用されています

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; 
} 

例はここにある：Firefoxのでhttp://jsfiddle.net/UAHw7/30/、すべてがうまく見えます。しかし、ChromeとIEでは、リストのCSSは他のリンクにも影響を与えます。実際、私の「フッターリンク」には40pxの線の高さがあると思われます。

私はWeb開発の初心者ですから、助言が役に立ちます。ありがとう。

Answer 1

Chromeで複製することはできませんが、表示されているものは、使用している最初のセレクタがすべての訪問済みリンクに適用されていることと、別の訪問済みリンクがありますあなたのFFの歴史...

ul#gallery-tags li a, a:visitedはちょうどそれを意味します。ほとんどの場合、あなたが何をしたいaul#gallery-tagsの子であるS「liの子であるS」の、だけでなく、すべてa:visited年代

第1のセレクタはul#gallery-tags li a, ul#gallery-tags li a:visited

悲しいことに、CSSではかなり繰り返しが必要です。