TMENU Hintergrund wrappen

Hallo Forum,

ich versuche zur Zeit erfolglos mein TMENU so zu wrappen, daß nicht die Schrift/Text den Link (das a Tag) trägt sondern das ganze DIV in dem der Linktext steht bei RO (mouseover) hovert.

Weiss jemand wie der WRAP richtig aussehen muss.

Hier mein bisheriges TS-Setup:

 marks.MENU=HMENU
     marks.MENU {
          entryLevel = 0
	  1 = GMENU_LAYERS
	  1 {
	       layerStyle = position: absolute; top: 219px; width: 0px; VISIBILITY: hidden;
       	       xPosOffset = 0
       	       lockPosition = x
       	       expAll=1
       	       NO {
           	    backColor = #051BAA
           	    transparentColor = #051BAA
           	    XY = 76, 21
           	    10 = TEXT
           	    10.text.field = title
           	    10.fontFile = /fileadmin/files/fonts/LT_50140.TTF
           	    10.fontColor = #FFFFFF
           	    10.antiAlias = 1
           	    10.fontSize = 13
           	    10.align = center
           	    10.offset = 0,15
           	    20 = BOX
           	    20.dimensions = 0,0,1,21
           	    20.color = #0F144B
           	    21 = BOX
           	    21.dimensions = 0,0,130,1
           	    21.color = #2F4AF4
           	    22 = BOX
           	    22.dimensions = 0,21,115,1
           	    22.color = #2F4AF4       
               }
       	       RO < NO
       	       RO = 1
       	       RO {
           	    backColor = #051BAA
                    transparentColor = #051BAA
            	    XY = 76, 21
           	    10 = TEXT
           	    10.text.field = title
           	    10.fontColor = #FF0000
           	    10.antiAlias = 1
           	    10.fontSize = 13
           	    10.align = center
           	    10.offset = 0,15
           	    20 = BOX
           	    20.dimensions = 0,0,1,21
           	    20.color = #0F144B
           	    21 = BOX
           	    21.dimensions = 0,0,130,1
           	    21.color = #2F4AF4
           	    22 = BOX
           	    22.dimensions = 0,21,115,1
           	    22.color = #2F4AF4       
       	       }
          }
	  2 = TMENU_LAYERS
	  2 {
	       layerStyle = position: absolute; width: 150px; VISIBILITY: hidden;
	       topOffset=0
	       leftOffset=130
	       lockPosition = x
	       expAll=1
	       relativeToParentLayer=1
	       relativeToTriggerItem=1
	       hideMenuWhenNotOver=1
	       wrap=<div id="js-menu"> | </div>
	       NO {
		    linkWrap = | <br />
	       }
               IFSUB=1
               IFSUB {
                   linkWrap = <div style="background-image: url(fileadmin/files/graphics/arrow.gif); background-repeat: no-repeat;  background-position: right;">|</div>
               }
	       ACT=1
	       ACT {
	            linkWrap=<strong> | </strong><br />
	       }
	  }
	  3 = TMENU_LAYERS
	  3 {
	       layerStyle = position: absolute; width: 150px; VISIBILITY: hidden;
	       topOffset=0
	       leftOffset=130
	       lockPosition = x
	       expAll=1
	       relativeToParentLayer=1
	       relativeToTriggerItem=1
	       hideMenuWhenNotOver=1
	       wrap=<div id="js-menu">|</div>
	       NO {
		    linkWrap = |<br />
	       }
               #IFSUB=1
               #IFSUB {
               #    linkWrap = <div style="background-image: url(fileadmin/files/graphics/arrow.gif); background-repeat: no-repeat;  background-position: right;">|</div>
               #}
	       ACT=1
	       ACT {
	 	    linkWrap=<strong> |</strong><br />
	       }
	  }
	 #4 = TMENU
	 #4 {
	 #     wrap=<div id="js-menu">|</div>
	 #      NO {
	 #    linkWrap = |<br />
	 #      }
         #    IFSUB=1
         #    IFSUB {
         #        linkWrap = <div style="background-image: url(fileadmin/files/graphics/arrow.gif); background-repeat: no-repeat;  background-position: right;">|</div>
         #    }
	 #    ACT=1
	 #    ACT {
	 #	    linkWrap=<strong>|</strong><br />
	 #    }
         #}

Hier der CSS Teil dazu:

#js-menu {
	background-color: #0C1773;
	line-height: 21px; 
	border: 1px solid #0811AE; 
	padding-left: 5px; 
	padding-bottom: 3px;
	float: left; 
	width: 170px; 
}
#js-menu a{
	font-size: 11px;
	margin-left: 5px; 
	text-decoration: none;
	color: #FFF;
} 
#js-menu a:HOVER {
	font-size: 11px;
	margin-left: 5px; 
	color: #F00;
}

Mal nebenbei. Warum hat

10.fontFile = /fileadmin/files/fonts/LT_50140.TTF

keine Auswirkungen?

Konnte mir grade doch selbst helfen. Wenn es interessiert hier noch die Lösung dazu:

Das TS-Setup:

	  2 = TMENU_LAYERS
	  2 {
	       layerStyle = position: absolute; width: 150px; VISIBILITY: hidden;
	       topOffset=0
	       leftOffset=130
	       lockPosition = x
	       expAll=1
	       relativeToParentLayer=1
	       relativeToTriggerItem=1
	       hideMenuWhenNotOver=1
	       wrap= <div id="js-menu"> | </div>
	       NO {
                    ATagParams=class="js-menu"
	       }
               IFSUB=1
               IFSUB {
                   ATagParams=class="js-menu_ifsub"
               }
	  }

Lösung war ATagParams=class= im TS-Setup und display: block; im CSS zu benutzen!

Das CSS:

#js-menu {
	background-color: #0C1773;
	line-height: 21px; 
	border-left: 1px solid #0811AE;
	border-right: 1px solid #0811AE;
	border-bottom: 1px solid #0811AE;
	float: left;
}
.js-menu {
	display: block;
	padding-left: 5px;
	line-height: 22px;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
	border-top: 1px solid #0811AE;
	width: 170px;
}
.js-menu:HOVER {
        background-color: #F00;
	color: #FFF;
}
.js-menu_ifsub {
	display: block;
	background-image: url(../graphics/arrow.gif); 
	background-repeat: no-repeat;  
	background-position: right;
	padding-left: 5px;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
	border-top: 1px solid #0811AE;
	width: 170px;
}
.js-menu_ifsub:HOVER {
        background-color: #F00;
        color: #FFF;
}