Hi

I've defined in my css the following:

-------------------
#menu {
text-align: right;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px solid #128F00;
border-bottom: 1px solid #128F00;
color: White;
}



#menu ul {
padding: 0px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
list-style: none;
font-size: 1.2em;
width: 100%;
background-color: #128F00;
color: White;
}

#menu li {
display: inline;
color: White;
}

#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {
padding-right: 10px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
color: #fff;
text-decoration: none;
background-color: transparent;
}

#menu li a:hover {
background-color: #fff;
color: #128F00;
text-decoration: none;
}

----------------

Then I did in my page:

----------------------
<div id="menu">
<ul>
<li><a href="link1">link1</a></li>
<li><a href="link1">link2</a></li> </ul>
</div> <!-- end menu -->

---------------


When I call to my page, links looks ok, but after I click in someone, text color appears dark no matter which color I've setted.

I've tried to change to any color inside #menu li a, #menu li a:link, #menu li a:active, #menu li a:visited but its ignored. If I try to change background, its changed..

So, I wonder if someone could give me a clue about what I am doing wrong...

Thanks in advance

C

Ouch, thanks for your reply.

I've found the problem.

I did a cut & paste when developed the css file so I've another id like this:

#categories ul li a:link, #menu ul li a:visited {
color: #fff;
text-decoration: none;
}

Where you can read #menu you should be reading #category.

This is the origin of my problem...

Thanks !

C