I want to style each of the 3 links in my ul seperate but can't get it to work right. Styling the ul is no problem if I want the same style but would like each link different here.

I have just applied a style to the top link here..
Any help would be really great, Thanks.

/* My CSS */

#topmenu {
margin: 0px;
padding: 0px;
}
#topmenu li {
list-style-type: none;
}

a.contact:link, a.contact:visited, a.contact:active {
color: #000000;
list-style-type: none;
text-decoration: none;
width: 120px;
border-left-width: 20px;
border-left-style: solid;
border-left-color: #CCCC00;
text-align: right;
}
a.contact:hover {
border-left-width: 15px;
border-left-style: solid;
border-left-color: #CCCC00;
}

/* My html */

<ul id="topmenu">
<li><a tabindex="1" accesskey="H" href="#" class="contact">Link one </a></li>
<li><a href tabindex="2" accesskey="C"="#">Link two </a></li>
<li><a tabindex="3" accesskey="P" href="#">Link three </a></li>
</ul>
ferellie is online now Edit/Delete Message