Mal wieder optionsplit

Hallo,

ich habe hier ein Problem mit optionsplit, das ich bisher auch durch googlen und lesen im Forum nicht hinbekommen habe; daher erhoffe ich mir hier einen Denkanstoß ...
Das Ziel ist der senkrechte Strick "|" zwischen den mittleren der Navigationseinträgen. Das ganze ist ein horizontales TMENU mit folgendem TS:

navi {
         1 = TMENU
         1 {
            wrap =<ul id="topnav">|</ul>
            expAll = 1
            noBlur = 1
            NO = 1
            NO {
               10 = TEXT
               10.text.field = title
               10.fontSize = 13
               10.FontColor = #505050
               wrapItemAndSub=<li>|</li>
               IFSUB = 1
               IFSUB.wrapItemAndSub=<li class="menuparent">|</li>
               ACTIFSUB < .IFSUB
            }
            ACT < .NO
            ACT = 1
            ACT {
               linkWrap=<div id="nav_act">|</div>
            }
         }
         2 < .1
         2.wrap = <ul>|</ul>
         3 < .2
      }

Die Menüs klappen aus und ein wie sie sollen, die Einträge stehen in einer Reihe und es funktioniert soweit alles.
Das Problem: Setze ich in den IFSUB-Bereich sowas in der Art:

 IFSUB.wrapItemAndSub=<li class="menuparent">|&nbsp;&#124;&nbsp;|</li> |*| <li>|&nbsp;&#124;&nbsp;</li> |*| <li>|</li>

ein, dann erscheinen zwar die Trennstriche, aber leider eine Zeile darunter; also nicht wie gewünscht zwischen den Einträgen.
Hier noch der relevante Teil des CSS:

#topnav,topnav ul {
   width: 86em;
   padding: 0;
   font-size: 0.85em;
   letter-spacing: 0.1em;
   font-weight: bold;
   list-style-type: none;
   text-transform: uppercase;
   float: left;
   margin: 0px;
}

#topnav a {
   display: block;
   idth: 15em;
   height: 25px;

}

#nav a.menuparent {
}
#topnav li {
   float: left;
   padding: 0;
   width: 16em;
}
#nav_act a{
   color: #ff1400;
}

#topnav li ul {
   position: absolute;
   left: -999em;
   height: auto;
   width: 16em;
   margin: 0;
   margin-left: -10px;
   padding-top: 10px;
   list-style-position: inside;
   background-color: #ccc;

}

#topnav li li {
   width: 14em;
}

#topnav li ul a {
   width: 14em;
   padding-left: 1em;
   font-size: 0.85em;
}

#topnav li ul ul {
   margin: 1.75em 0 0 14em;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
   left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
   left: auto;
}

Kann mir jemand auf die richtige Spur helfen oder mir zumindest einen Tipp geben? Ich habe leider vor lauter "|" den Überbllick verloren #angry#

Vielen Dank schon mal,

2bbionic

Hallo 2bbionic,

ich weiss nicht ob dein Problem noch aktuell ist, ich habe sowas bereits mehrere male gemacht siehe http://www.habex.ch/ (das Menu oben)

navi {
         1 = TMENU
         1 {
                  ...
                  NO {
                           ...
                           linkWrap = | |*|  | |
                           ...
                  }
         }
}

wobei (einfach ohne die leerschläge dazwischen)

| |*| & n b s p ; & # 1 2 4 ; |

Gruss Theis