Проблема с CSS для <a>

[Asar]

Проблема с CSS для <a>

<a href="/news/" class="button" id="news" ...

a.button #news {color:#666666;
background: url("/pic/menu_news.gif") 0 0 no-repeat;
}

Бэкграунд не выводится. Если без # - выводится. Как в данном случае правильно нужно поставить # ?

 

[MiRacLe]

конструкция вида "a.button #news" означаяет что содержимое применится для элемента с id="news" стоящих в блоке <a> с классом button.....

 

[Asar]

А как же тогда будет выглядеть вариант - содержимое применится для элемента с id="news", если они являются <a> с классом button?

 

[Profic]

a.button#news
если браузер такое переварит