Ein Bild in der Navigation

Ich habe ein menu das so in html aussieht.

<ul class="nav">
<li><a href="/"><img src="img/logo.png"></a></li>
<li class="active"><a href="#" class="menu1"><span>Menu1</span></a></li>
<li><a href="menu2.html" class="menu2"><span>Menu2</span></a></li>
<li><a href="menu3.html" class="menu3"><span>Menu3</span></a></li>
<li><a href="menu4.html" class="menu4"><spanMenu4</span></a></li>
</ul>

ich habs schon so hinbekommen das es mir zumindest die menus richt ausgibt

menu.top = HMENU
menu.top.entryLevel = 0
menu.top {
    1 = TMENU
    1 {
    noBlur = 1
    wrap = <nav class="nav"><ul>|</ul></nav>
    expAll = 1      
    NO.wrapItemAndSub = <li>|</li>
	NO.ATagBeforeWrap = 1
	NO.linkWrap = <span>|</span>
	NO.ATagParams = class='menu1'||class='menu2'||class='menu3'||class='menu4'||
	
	
	ACT < .NO
    ACT = 1
	ACT.wrapItemAndSub = <li class="active">|</li> 
	ACT.ATagBeforeWrap = 1
	ACT.linkWrap = <span>|</span>
	ACT.ATagParams = class='menu1'||class='menu2'||class='menu3'||class='menu4'||
    }
   
}

Aber ich komme nicht drauf wie ich einen menüpunkt einfach einen img als inhalt hinbekomme. Kann mir jemand einen hinweis darauf geben?

Geht es wirklich nur darum, als erstes Element ein Bild einzubinden?

Dann würde ich das ganze Menü als COA zusammenbauen.

menu.top = COA
menu.top {
    wrap = <ul>|</ul>
    10 = IMAGE
    10 {
        bild mit Link erzeugen
    }
    20 = HMENU
    20 {
        hier das menü.
        ACHTUNG! wrap von HMENU muss leer sein oder nur ein |
    }
}