Gmenue TYPO3 4.7.1 - HTML5

Hallo TYPO3 Gemeinde,
versuche gerade ein horizontales Gmenue in TYPO3 Vers. 4.7.1 und HTML5 zu programmieren, habe dabei aber leider so einige Problemchen.

Zuerst habe ich es mit dem folgenden Code probiert:

HNAV = HMENU
HNAV {
        special = directory
        special.value = 1
        1 = GMENU
        1.NO = 1
        1.NO {
        XY = [10.w]+26, 18
        backColor = #6a6a6a

#Text rendern
            10 = TEXT
            10.text.field = title
            10.fontColor = #ffffff
            10.fontFile = fileadmin/fonts/TMiOf7.ttf
            10.fontSize = 15
            10.niceText = 1
            10.offset = 14, 14
 
#Trennlinie erzeugen
            20 = IMAGE
            20.file = GIFBUILDER
            20.file{
              XY = 1,18
              backColor = #FFFFFF
              }
            20.offset = [10.w]+25, 0
            }
  
#Der rollover Zustand
             1.RO < .1.NO
             1.RO{
               backColor = #898989
               10.fontColor = #ffffff
               10.fontSize = 15
               10.offset = 14, 14
               }
 
 
#Der ist Zustand
             1.ACT< .1.NO
             1.ACT{
               backColor = #474747
               10.fontColor = #ffffff
               10.fontSize = 15
               10.offset = 14, 14
               }
}

Hierbei bin ich nun fast verzweifelt, denn seltsamerweise werden keine Trennlinien angezeigt, sondern die Navigationspunkte komplett weiss überdeckt. Geht das in dieser neuen TYPO3 Version nicht mehr in dieser Art oder hat es was mit HTML5 zu tun?

Jedenfalls bin ich während meiner Suche nun auf das Boxmodel, welches ich bisher nicht kannte, gestossen und habe es mit folgenden Code probiert:

HNAV = HMENU
HNAV {
        special = directory
        special.value = 1
        1 = GMENU
        1.NO = 1
        1.NO {
        XY = [10.w]+27, 18
        backColor = #6a6a6a

#Text rendern
            10 = TEXT
            10.text.field = title
            10.fontColor = #ffffff
            10.fontFile = fileadmin/fonts/TMiOf7.ttf
            10.fontSize = 15
            10.niceText = 1
            10.offset = 14, 14
 
#Trennlinie erzeugen
        20 = |*| BOX |*| 0
        20 {
            dimensions = [10.w]+25,0,2,18
            color = #ffffff
        }

  
#Der rollover Zustand
             1.RO < .1.NO
             1.RO{
               backColor = #898989
               10.fontColor = #ffffff
               10.fontSize = 15
               10.offset = 14, 14
               }
 
 
#Der ist Zustand
             1.ACT< .1.NO
             1.ACT{
               backColor = #474747
               10.fontColor = #ffffff
               10.fontSize = 15
               10.offset = 14, 14
               }
}

Jetzt wird endlich eine weiße Trennlinie an der richtigen Stelle gesetzt, leider funktionieren nun aber
die ACT und RO Zustände nicht mehr. Wird das in diesem Fall mit den Zuständen anders gemacht?