dropdownmenu wird nicht richtig angezeigt

Untenstehendes Script funktioniert teils.
Funktioniert es nicht weil es keine <li> wraps gibt bei der Unterebene?
Das dropdown-hover funktioniert nicht richtig- es erscvheint erst wenn man den Menupunkt anklickt und wenn man auf das contentfeld geht verschwindet es.
Woran kann das liegen?

dropdownmenu

(http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_dropdown_menu2)
Typoscript

TOPNAV = HMENU
  
  # "stdWrap" properties are applied after "wrap".
  TOPNAV.stdWrap.wrap = <div id="nav_main">|</div>
  

  # Definition for pages on the first level of the menu
  
  TOPNAV {
1 =   TMENU
    1 {
      wrap = <ul class="w3-navbar w3-card-2 w3-light-grey">|</ul>
    # Definitions per page
    # NO: default formatting
   
    NO {
      # Each entry is wrapped by
      # <li> </li>
      allWrap = <li>|</li>
    }

    # ACT: User is on this or below this page
    # Activate this state for this menu
    ACT = 1
    ACT {
      # Use another wrap
      allWrap = <li  class="w3-dropdown-hover id="current">|</li>
    }
    
    IFSUB = 1
    IFSUB.wrapItemAndSub = <li class="w3-dropdown-hover">|</li>


    ACTIFSUB = 1
    ACTIFSUB.wrapItemAndSub = <li class="w3-dropdown-hover" id="current">|</li>
    }
  
    2 < .1
  
    
    2 {
      
wrap = <div class="w3-dropdown-content w3-card-4">|</div>
            
     NO {
      # Each entry is wrapped by
      # <li> </li>
      allWrap = |
    }
       ACT = 1
    ACT {
      # Use another wrap
      allWrap = <a>|</a>
    }
      
    }
    
    
    }