Date: 09/01/06 (Web Development)    Keywords: css, html

Here you will see a copy of the CSS I use for my navigation menu. My goal is to have the first character of each link underlined as per page visiting. So if im on the index page "Home", the intended result will look like this: Home
I've settled for manually inserting the html, but would rather apply CSS in this case. Help?
*********************************************************


{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:12px;
}


#navcontainer li {
padding: 0px;
margin:0px;
color:#fbf7fa;
display:inline;
position:relative;
height:25px;

/* SPACE BETWEEN THE MENU ITEMS */
padding-left:65px;

}

#navcontainer ul {
margin:0;
padding: 0px;
width: 759px;
list-style-type: none;
height:25px;
position:relative;
padding-top:5px;
padding-bottom:10px;
}
#navcontainer a, #navcontainer a:visited {
display:inline;
color:#8C8C8C;
text-decoration: none;
font-family:Verdana;
font-size:11px;
font-weight:bold;
margin:0px;
height:25px;
}
#navcontainer a:hover {
margin:0px;
color:#c0d0d0;
text-decoration: none;
}

*********************************************************

Source: http://community.livejournal.com/webdev/352078.html