Ok, .css corrected:
#menu ul {
list-style-type: none;
margin-left: 20px;
padding-left: 0px;
margin-top: 0;
text-indent: 0px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #CCCCCC;
}
#menu ul li a:link{
color: #006699;
text-decoration: none;
}
#menu ul li a:visited {
color: #663366;
text-decoration: none;
}
#menu ul li a:hover {
text-decoration: underline;
}
#menu ol {
list-style-type: none;
margin-left: 20px;
padding-left: 0px;
margin-top: 0;
text-indent: 0px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #CCCCCC;
}
#menu ol li a:link {
color: #006699;
text-decoration: none;
}
#menu ol li a:visited {
color: #663366;
text-decoration: none;
}
#menu ol li a:hover {
text-decoration: underline;
}
...but the problem continues =(
Looking into this further, I believe that a missing descendant selector might be an issue. That is, there is no rule to cover this line (a <li></li> without an <a></a> anchor, or any content):
<li style="list-style: none;"></li>
I would expect that you would need settings for a rule like this:
#menu ul li {
I'm also thinking:
- What happens if you delete that <li style="list-style: none;"></li> line? Or, what happens if you keep the line but add an anchor and text (duplicate the Search line from the next <ul>)?
- Why are the lists nested in a <div></div> element? These are normally used to establish a separate division on a page (other than normal <body> elements), such as navigation blocks on the right of a page, either top or bottom.
- Why are <li> and <a> tags so restricted? That is, the #menu ol li a:link rule covers an anchor only if it is nested within a <li> tag, only if that <li> tag is nested within a <ul> tag, and only if that <ul> tag is nested within a <div id=#menu"> tag.
Unless you need different <li> and <a> styles for other <div> selectors, the use of descendant selectors can be extremely difficult to control. I might even suggest starting fresh with the default.css (one of several provided by RH), and set the <a> <li> <ul> <ol> individually.
Good luck,
Leon