Forum Moderators: not2easy
#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #333333;
color: #CCCCCC;
width: 760px;
font: bold 76% arial, helvetica, sans-serif;
text-align: center;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
li { display: inline; }
li a
{
text-decoration: none;
background-color: #333333;
color: #CCCCCC;
padding: .2em 1em;
border-right: 1px solid #000000;
}
li a:hover
{
background-color: #CCCCCC;
color: #333333;
}
li a { [attributes] } you specify the links for all lists in your document that uses the css. If you want to write attributes for lists in your #navcontainer only, and not for the rest of your lists in your document you should do it like this: #navcontainer li { display: inline; }
#navcontainer li a
{
text-decoration: none;
background-color: #333333;
color: #CCCCCC;
padding: .2em 1em;
border-right: 1px solid #000000;
}
#navcontainer li a:hover
{
background-color: #CCCCCC;
color: #333333;
}
I hope this helps.