Имеется форум на платформе PunBB. Хочу закрепить уникальные иконки для каждого форума. Но никак не получается сменить иконку, когда на форуме появляются сообщения. Когда нет сообщений, используется такая конструкция:
 
<div class="main-content">
	<div id="forum24" class="main-item odd">
		<span class="icon "><!-- --></span>
	</div>
</div>
	И в этом случае иконки отображаются корректно. Когда появляются сообщения, то участок кода выглядит так:
 
<div class="main-content">
	<div id="forum24" class="main-item odd new">
		<span class="icon new"><!-- --></span>
	</div>
</div>
	В стилях использую такой код:
 
.main-content #forum24.main-item .icon {
    background: url("/img/icons/debian_no_messages.png") no-repeat
}
.main-content #forum24.main-item.new .icon {
    background: url("/img/icons/debian_new_messages.png") no-repeat
}
	В итоге иконка для форума новыми сообщения не меняется, хотя должна отобразится другая иконка. Подскажите, где ошибка?