Problem z przyciskami w css

[Lukiii]

Mam do was prosbe otoz mam przyciski zrobione w css i chce zrobic by po wejsciu do danego dzialu otwieraly sie przyciski innego koloru obok obecnych.

Nie wiem czy wiecie o co mi chodzi ale objasnie w kodzie:

To jest np. menu.html

<div id="menu4">

 <ul>

<li><a href="strona1" title="Home">Home</a></li>

<li><a href="strona2" title="strona2">Historia</a></li>

<li><a href="Wyroznienie1" title="Wyrzonienie1">Wyzroznieni1</a></li>

<li><a href="Wyroznienie2" title="Wyroznienie2">Wyroznienie2</a></li>

<li><a href="strona3" title="strona3">strona3</a></li>

        <li><a href="strona4" title="strona4">strona4</a></li>              

 </ul>

</div>

Css wyglada nastepujaco:

ul {

list-style: none;

margin: 0;

padding: 0;

}

/* =-=-=-=-=-=-=-[Menu 4]-=-=-=-=-=-=-=- */

 

#menu4 {

width: 150px;

border-style: solid solid none solid;

border-color: #D76100;

border-size: 0px;

border-width: 0px;

margin: 0px;

vertical-align: top;

}

 

#menu4 li a {

  height: 32px;

  voice-family: ""}"";

  voice-family: inherit;

  height: 24px;

text-decoration: none;

}

 

#menu4 li a:link, #menu4 li a:visited {

color: #9E3C02;

display: block;

background: url(img/menu4.gif);

padding: 8px 0 0 30px;

}

 

#menu4 li a:hover {

color: #fff;

background: url(img/menu4.gif) 0 -32px;

padding: 8px 0 0 30px;

}

 

#menu4 li a:active {

color: #fff;

background: url(img/menu4.gif) 0 -64px;

padding: 8px 0 0 30px;

}

Css to gotowy skrypt znalzeniony w necie.

Struktura tego co chce zrobic chce by wygladala ta:

strona 1

strona 2

wyroznienie 1

wyroznienie 2

strona 3

strona 4

To wyroznienie chce by bylo innego koloru i zmienialo sie tak jak menu normalne po najechaniu na nie myszka..

Mam jeszcze drugie pytanie(nie chce zakladac kolejnego watku:) ) - Jak zrobic by po kliknieciu w linka on powracal do stanu przed kliknieciem bo teraz robi mi sie tak ze klikne i potem robi sie tego samego koloru jak bym na niego najechal. To gdzies zmienia sie w css ale gdzie i co?

Z gory dzieki za pomoc.

[spiz@k]

Cos takiego:

styl: UL UL LI { color: red }

w html'u

<UL>

<LI>Podpunkt 2.<B>a</B>

<LI>Podpunkt 2.<B>b</B>

<UL>

<LI>Podpunkt 2.b.<B>[1]</B>

<LI>Podpunkt 2.b.<B>[2]</B>

</UL>

<LI>Podpunkt 2.<B>c</B>

</UL>

czylu drugi li ma byc czerwony.

Czyli u Cebie dodajesz w podkategoriach jeszcze <ul> i po </ul> analogicznie do przykladu wyzej.