Mam mały problem z "podświetleniem" elementu listy dynamicznej - <dl>.
Zależy mi na uzyskaniu następującego efektu: po wybraniu z menu konkretnej podkategorii (dd.active) ma przyjąć ona atrybut color: #b1b1b1 i podkreślenie (text-decoration: underline). W tej chwili link aktywny jest tylko podkreślony, nie przyjmuje atrybutu z konkretnym kolorem. Jak temu zaradzić?

Strona do wglądu: http://www.quavie.pl/stylizacja/artiste/1,1.html

Fragmenty kodów:

[CSS] pobierz, plaintext 
.link4, .link4 a:link, .link4 a:visited {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
}
 
.link4 a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
 
.link4 a:hover {
	color: #b1b1b1;
	font-size: 12px;
	text-decoration: underline;
}
 
.menu_space {
	display: block;
	padding: 5px 0 0 20px;
}
 
.menu_space1 {
	display: block;
	padding: 5px 0 0 25px;
}
 
.menu_space2 {
	display: block;
	padding: 5px 0 0 15px;
}
 
.menu_space3 {
	display: block;
	padding: 5px 0 0 5px;
}
 
div#LeftMenu2JS {
	float: left;
	width: 190px;
	clear: both;
	padding: 0 0 0 10px;
	position: relative;
}
 
#menu2 dt {
	padding: 5px 0;
	cursor: pointer;
	background: url("../images/cursor1.gif") no-repeat 0 11px;
}
 
#menu2 dt.active {
	font-style: normal;
}
 
#menu2 dl dt {
	margin-top: -5px;
	background: url("../images/cursor2.gif") no-repeat 0 11px;
}
 
#menu2 dd {
	padding-left: 15px;
	text-decoration: none;
}
 
#menu2 dd.active, #menu2 dl dd.active {
	margin-bottom: 20px;
	color: #b1b1b1;
	text-decoration: underline;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
				<div id="LeftMenu2JS" class="link4">
 
					<dl id="menu2">
 
						<dt><a href="stylizacja/artiste/1,1.html" title="artist(e)"><span class="menu_space">ARTIST(E)</span></a></dt>
 
						<dd><a href="stylizacja/artiste/curls--wlosy-krecone/1,1,1.html" title="curls -włosy kręcone"><span class="menu_space1">CURLS<span class="menu_space3">Włosy kręcone</span></span></a></dd>
 
						<dd><a href="stylizacja/artiste/shine--linia-nadajaca-polysk/1,1,2.html" title="shine -linia nadająca połysk"><span class="menu_space1">SHINE<span class="menu_space3">Linia nadająca połysk</span></span></a></dd>
 
						<dd><a href="stylizacja/artiste/smooth--linia-wygladzajaca/1,1,3.html" title="smooth -linia wygładzająca"><span class="menu_space1">SMOOTH<span class="menu_space3">Linia wygładzająca</span></span></a></dd>
 
						<dd><a href="stylizacja/artiste/hold--linia-do-utrwalenia-fryzury/1,1,4.html" title="hold -linia do utrwalenia fryzury"><span class="menu_space1">HOLD<span class="menu_space3">Linia do utrwalenia fryzury</span></span></a></dd>
 
						<dd><a href="stylizacja/artiste/volume---linia-zwiekszajaca-objetosc-fryzury/1,1,5.html" title="volume - linia zwiększająca objętość fryzury"><span class="menu_space1">VOLUME<span class="menu_space3">Linia zwiększająca objętość fryzury</span></span></a></dd>
 
						<dd><a href="stylizacja/artiste/color-enhancing--linia-uwydatniajaca-kolor/1,1,6.html" title="color enhancing -linia uwydatniająca kolor"><span class="menu_space1">COLOR ENHANCING<span class="menu_space3">Linia uwydatniająca kolor</span></span></a></dd>
 
						<dd><a href="stylizacja/artiste/artiste-moove--linia-podkreslajaca-dynamike-wlosow/1,1,7.html" title="artiste moove -linia podkreślająca dynamikę włosów"><span class="menu_space1">ARTISTE MOOVE<span class="menu_space3">Linia podkreślająca dynamikę włosów</span></span></a></dd>
 
					</dl>
 
				</div>
 
[HTML] pobierz, plaintext 

Dodaj do CSS jeszcze to

[CSS] pobierz, plaintext 
#menu2 dd.active a {
     color: #b1b1b1;
}
[CSS] pobierz, plaintext