CSS Navigation Active อยากให้เวลาเลือกหัวข้อนั้น ๆ แล้วให้ภาพไอคอนเปลี่ยนสีคะ

a:active
{ 
background-color:yellow;
}

a:active
{ 
background-image:url(images/xxx.gif);
}

<?php
echo '<div '.$current.'>
    <ul id="navigation">
        <li class="home"><a href="#">Link1</a></li>
        <li class="article"><a href="#">Link2</a></li>
        <li class="forum"><a href="#">Link3</a></li>
        <li class="about"><a href="#">Link4</a></li>
    </ul>
</div>';
?>

<div id="home">
    <ul id="navigation">
        <li class="home"><a href="#">Link1</a></li>
        <li class="article"><a href="#">Link2</a></li>
        <li class="forum"><a href="#">Link3</a></li>
        <li class="about"><a href="#">Link4</a></li>
    </ul>
</div>

div#home ul#navigation li.home a,
div#article ul#navigation li.article a,
div#forum ul#navigation li.forum a,
div#about ul#navigation li.about a,
ul#navigation li a:hover {
	color: #C8929C; // หรือถ้าให้แสดงรูปก็ใส่ backgound: url() no-repeat;
}