I found the solution, though the solution that I found requires non-
semantic code. The issue occurred when I deleted entirely a nested UL
from an LI. I did this because that particular top-level LI had no
sub-items. In other words, no second-level navigation was to appear
under that top-level LI. The only way I found for the expected
behavior to occur was if I included an empty nested second-level UL.
You can see it in this example:
<ul class="nav">
<li class="current" >
<a href="/">Home</a>
<ul></ul>
</li>
<li>
<a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
So, while it works, it's not semantically correct and I'm wondering if
there's another, semantically correct way, of handling this?
Thanks!
