Проблема с CSS: ссылка отображается неправильно

Question

a {
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

Это код, который я использую. Но ни одна из ссылок на моих страницах не слушает это. Вместо этого они придерживаются этого:

#menu li, a {
    text-align: center;
    display: block;
    float: left;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.2em;
    color: #575757;
    text-decoration: none;
    list-style: none;
}

Поэтому многие ссылки перекошены, так как все они плавают влево и прочее.
Код для ссылок сам по себе никак не связан. По крайней мере, не так, чтобы объяснить мои ошибки.

<div id="footer">
  <p><center>Copyright 2008 - <a href="index.php">G.S.B.V. Pugilice</a></center></p>
</div>

Этот бит кода дает мне две строки вместо одной, ссылка плавает влево на второй строке.

Answer 1

Думаю, вы неправильно понимаете, как работают селекторы.

#menu li, a { ... }

Значит применять стили к любому потомку li элемента с идентификатором #menu и к любому найденному в любом месте.

Вы действительно намеревались: -

#menu li, #menu a {...}