Бутона да е натиснат проблем с css

[joorkataa]

Имам доста гаден проблем и не мога да намеря решение искам когато съм в началната страница бутона "начало" да е в червено но не става ... пробвах няколко начина но не ми се получи ето css кода


[css]#navigation { position: relative; width: 974px; height: 69px; background: url(images/navigation-bg.png) no-repeat 0 0; top:-10px; left:-12px; }
#navigation ul { list-style: none outside none; padding: 27px 0 0 15px; }
#navigation ul li { float: left; display: inline; margin-right: 10px; }
#navigation ul li a,
#navigation ul li a span { float: left; display: inline; height: 25px; line-height: 24px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #545d50; padding-left: 10px; }
#navigation ul li a span { padding: 0 10px 0 0; }
#navigation ul li a,
#navigation ul li a span { text-decoration: none; background: url(images/nav-hover.gif) no-repeat 0 0; color: #fff; }
#navigation ul li a span { background-position: right 0; }
#navigation ul li a:hover,
#navigation ul li a:hover span { text-decoration: none; background: url(images/nav-hover-hover.gif) no-repeat 0 0; color: #fff; }
#navigation ul li a:hover span { background-position: right 0; }[/css]

Ето и html кода

<div id="navigation">
		<ul>
		    <li><a href="./"><span>Начало</span></a></li>
		    <li><a href="forums"><span>Форуми</span></a></li>
		</ul>
	</div>

 

[lub4o]

<div id="navigation">
<ul>
<li class="active"><a href="./"><span>Начало</span></a></li>
<li><a href="forums"><span>Форуми</span></a></li>
</ul>
</div>

И сега достъпи li с css

#navigation ul li.active a span

И си го стилизираш.

 

[joorkataa]

Стана мерси направих го ето така

[css]#navigation ul li.active a,
#navigation ul li.active span { text-decoration: none; background: url(images/nav-hover-hover.gif) no-repeat 0 0; color: #fff; }
#navigation ul li.active span { background-position: right 0; }[/css]

И html който даде благодаря +1