CSS

Hi guys,

I am using wp_list_categories to return a list of categories as a menu. Everything works fine and my html looks like this:

<ul class="footer-cats">
<li class="cat-item cat-item-87"><a href=#">Cat1</a></li>
<li class="cat-item cat-item-39"><a href=#">Cat3</a></li>
<li class="cat-item cat-item-1"><a href=#">Cat3</a></li>
<li class="cat-item cat-item-61 current-cat"><a href=#">Cat4</a></li>
<li class="cat-item cat-item-63"><a href=#">Cat5</a></li>
</ul>

However when ever I use Firebug to get the properties for the active / selected cat, I can’t seem to style it.

I can use .current-cat to style, but that will affect the categories used in the menu. How will I reference the footer cats differently to the header cats in this instance?