TMENU an bestimmten Stellen aufteilen

Hi ich hab da ein kleines Problem mit meiner vertikalen Navigation die momentan wie folgt aussieht:

1. Menüpunkt
2. Menüpunkt
3. Menüpunkt
4. Menüpunkt
5. Menüpunkt
6. Menüpunkt
7. Menüpunkt
8. Menüpunkt
9. Menüpunkt
....
....
....
usw.

Jetzt hätte ich das ganze aber gerne an bestimmten Punkten durch verschiedene Grafiken (auf denen dann der Kategoriename steht) getrennt so z.b.

1. Grafik

1. Menüpunkt
2. Menüpunkt

2. Grafik

3. Menüpunkt
4. Menüpunkt
5. Menüpunkt
6. Menüpunkt

3. Grafik

7. Menüpunkt
8. Menüpunkt
9. Menüpunkt
...
...
usw.

Mein Typoscriptcode sieht folgendermaßen aus, im Prinzip blick ich bloß nicht was ich in den Wrap schreiben muss das eben vor bestimmten Punkten noch die Grafik reingesetzt wird.

#Menu 1 cObject
temp.menu_1 = HMENU
#First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
#Normal state properties
NO.allWrap = <div class="menu1-level1-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
#Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}

Formatiert ist mein TMENU durch CSS im HTML Template sieht die Navigationszeile folgendermaßen aus:

<table width="140" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Menu table cell: -->
<td id="menu_1" width="140">
<div class="menu1-level1-no"><a href="#"> Menu item 1</a></div>
<div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
<div class="menu1-level1-act"><a href="#">Menu item 3 (act)</a></div>
<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
<div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div>
<div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
</td>
</tr>
</table>

im Prinzip blick ich bloß nicht was ich in den Wrap schreiben muss das eben vor bestimmten Punkten noch die Grafik reingesetzt wird.

optionsplit heißt das zauberwort

Ah ok super thx damit geht es jetzt fast!!! Ein Problem gibt es noch und zwar folgendes mein Typoscript Code sieht jetzt folgendermaßen aus:

#Menu 1 cObject
temp.menu_1 = HMENU
#First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
#Normal state properties
NO.allWrap = <div class="menu1-level1-no"> | </div> || <div class="menu1-level1-categorie"> | </div> || <div class="menu1-level1-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
#Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}

In meiner CSS Datei habe ich definiert:

TD#menu_1 DIV.menu1-level1-categorie {
background-image: url(../blabla.jpg);
}

Das Hintergrundbild wird mir auch angezeigt, allerdings als Hintergrundbild meines 2. Navigationspunktes.

Es sieht also so aus:

1. Menüpunkt
2. Menüpunkt (mit dem Hintergrundbild blabla.jpg)
3. Menüpunkt
usw.

Aber ich will ja das es so aussieht:

1. Menüpunkt

Bild blabla.jpg

2. Menüpunkt
3. Menüpunkt
usw.

Wäre super wenn da einer einen Rat wüsste.