problem z podświetlaniem tekstu

[kikutnik666]

Witajcie.

Natrafilem n apewien problem i nie wiem kurcze jak sobie poradzic- konsultowalem sprawe z dwiema osobami i nadal nie idzie...

Otóż mam menu, którego element wyglada w nastepujacy sposob (jest ok):
6693
po najechaniu myszka robi sie tak (jest ok):
6694
po kliknieciu w ten element powinno mnie przeniesc na podstrone i aktywny element (w tym wypadku zakladka kontakt) powinien wygladac tak:
6695
problem w tym, ze kolor bialy (podany w css) jest zamieniany na kolor czarny:
6696

pokazuję Wam CSS (mile widziane ew uwagi, zaznaczam jednak, ze jest to jeszcze nieuporzadkowany kod testowy):

@charset "UTF-8";/* CSS Document */
*{
padding: 0;
margin: 0;
outline:none;

}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000000;
background-image:url('../images/pattern2.png');
background-repeat:repeat;
width:100%;
height:200px;
text-align:justify;
}
a:link, a:visited{text-decoration:none; color:#000000}
a:hover{text-decoration:underline;}
h1,h2,h3{font-weight:normal; color:#000000}
h2{font-size:28px}


ul, ol{margin-left:20px}


img{border:none;}


.mainWidth{width:1000px; margin:auto}
#headerLogowanie{
display: table;
background-image:url('../images/pattern2.png');
background-repeat:repeat;
width:100%;
height:100px;
}
#logowanie{
padding-left:65%;
line-height: 100px;
}
#top{
background-image:url('../images/pattern1.png');
background-repeat:repeat;
width:100%;
height:200px;
margin-top:-703px
}
#topWrapper{height:100%;}
#logo{width:294px; background:url(../images/logo.png) no-repeat center top; height:196px; float:left; margin-top:-10px;}
#menu{
margin-top:20px;
float:right;
}
/*TUTAJ ZACZYNA SIĘ MENU- TU JEST PROBLEM!*/
#menu ul li{
display: inline;
margin-left:13px;
list-style-type: none;
font-weight:normal;
font-size:20px;
}
#menu a:link{
font-weight:normal;
color:#000000;
font-size:20px;
padding: 3px;
}
#menu a:hover{
color:#FFFFFF;
background-color:#000000;
font-size:20px;
text-decoration: underline;
padding: 3px;
}
#menu a:active{
color:#FFFFFF !important;
background-color:#000000;
font-size:20px;
text-decoration: none;
padding: 3px;
}
/* probowalem nawet tak*/
#menu li.active{
color:#ffffff;
background-color:#000000;
padding: 3px;
}
#jezyki{
margin-left:800px;
padding-bottom: 5px;
position:relative;
}
#mainWrapper{
background-image:url('../images/pattern1.png');
background-repeat:repeat;
margin: 0 auto;
width:100%;
height:727px;
}
#mainWrapperTable{
display:table;
position:relative;
}
#mainWrapperContent{ display:table-row; width:100%}
#wrappermenu{
width:193px;
display:table-cell;
margin-left:15px;
margin-top:10px
}
#info{
float:left;
width:211px;
display:table-cell;
margin-left:13px
}
#content{
margin-left:11px;
float:left;
width:auto;
display:table-cell;
}
#gielda{
width:309px;
height:86px;
}
#man{
height:703px;
width:564px;
position: relative;
top:97px;
left:395px;
}
#slideShow{
padding:30px;
}
#footerWrapper{
background-image:url('../images/pattern2.png');
background-repeat:repeat;
width:100%;
}
#footer{
margin-right:1%;
}
#emblemat{width:357px; height:67px; float:right; margin-top:30px}


#interContent{
width:1000px;
margin: 0 auto;
}
#interTop{
width:1000px;
margin: 0 auto;
}
#interBottom{
width:1000px;
margin: 0 auto;
}


patrzyłem w firebugu i... pobiera kolorek z a:link i a:visited zwyklych

[zwiastun]

brakuje a:active

[kikutnik666]

dalej to samo...
i chcialbym zauwazyc, ze obecnie mam tak:


a:link, a:visited{text-decoration:none; color:#000000}
a:active{text-decoration: none; color:#FFFFFF}
a:hover{text-decoration:underline;}

(...)

#menu{
margin-top:20px;
float:right;
}
#menu ul li{
display: inline;
margin-left:13px;
list-style-type: none;
font-weight:normal;
font-size:20px;
}
#menu a:link{
font-weight:normal;
color:#000000;
font-size:20px;
padding: 3px;
}
#menu a:hover{
color:#FFFFFF;
background-color:#000000;
font-size:20px;
text-decoration: underline;
padding: 3px;
}
#menu a:active{
color:#FFFFFF !important;
background-color:#000000;
font-size:20px;
text-decoration: none;
padding: 3px;
}
#menu li.active{
color:#ffffff;
background-color:#000000;
padding: 3px;
}

[KES]

A możesz podać link do strony ?