Nesting uneditable regions inside editable regions? [CS5]

Question

Hello, I am running into a situation where I have a template structure looking like:
<ul id="outer">
     <li class="nohighlight"><a href="something.html">A page</a>
                 <ul id="inner">
                        <li><a href="other.html">A subpage</a></li>
                 </ul>
     </li>
     <li class="highlight"><a href="something2.html">Another page</a>
                  <ul id="inner2">
                         <li><a href="other2.html">Another  subpage</a></li>
                  </ul>
      </li>
</ul>
Now what I would like to do be apply to create new html documents from the template that uses the above structure, and be able to edit the CSS class in the new document. This is easily done by making the (outer) li tags into editable regions. But I would also like to be able to modify/update the "inner" lists in the template file and apply these updates to all files using the template.
Something like:
<!-- TemplateBeginEditable name="Navbar1" --><li class="nohighlight"><a href="something.html" >A page </a><!-- TemplateEndEditable -->
            <ul>
              <li><a href="#">The Hydrological Cycle</a></li>
            </ul>
        </li>
Does not work as Dreamweaver ends up auto-completing the <li> tag when templates are applied, leaving the document with two </li>.
Is there a way to make a child tag uneditable and hence to make it update in files when the template is updated, when its parent tag's CSS class remains editable?
Thanks,
Ron

Answer 1

Build your menu with a persistent page indicator and you won't need to change anything on your pages except the body class name.
I keep my menus in server-side include files and this method works great.
http://forums.adobe.com/message/2647186#2647186
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web-design.blogspot.com/