Flash-Menu mit CSS und XML

[teashop]

hallo leute

folgendes problem:
ich lade inhalt aus einem xml-file in ein flash-file, um damit eine vertikale menu-bar zu bauen. das klappt prima. nun will ich die texte der einzelnen buttons mit einem EXTERNEN CSS-sheet formatieren. das krieg ich leider nicht hin. hier lade ich das CSS-sheet und weise es den hauptbuttons (newBut.txt) und in einem zweiten schritt den subbuttons (subBut.txt) zu.

		// css loader
		var inhalt_ss = new TextField.StyleSheet();
		inhalt_ss.onLoad = function(success) {
			if (success) {
				newBut.txt.styleSheet = inhalt_ss;
			} else {
				trace("cssfehler");
			}
		};
		inhalt_ss.load("menu_styles.css");
		// css zuweisen
		newBut.txt.styleSheet = inhalt_ss;
		//ende css
		
		// css loader2
		var inhalt_ss2 = new TextField.StyleSheet();
		inhalt_ss2.onLoad = function(success2) {
			if (success2) {
				subBut.txt.styleSheet = inhalt_ss2;
			} else {
				trace("cssfehler");
			}
		};
		inhalt_ss2.load("menu_styles.css");
		// css zuweisen
		subBut.txt.styleSheet = inhalt_ss2;
		//ende css2

danach werden die buttons kreiert und das CSS zur anwendung aufgerufen:

function createTreeMenu():Void {
	for (i=0; i<mainMenus.length; i++) {
		newBut = _root.attachMovie("but", "but"+i, 9999999+i);
		newBut.arrow._alpha = 0;
		newBut.shine._alpha = 0;
		newBut._x = 10;
		newBut._y = 10+(newBut._height+5)*i;
		newBut.txt.htmlText = "<.menu>"+mainMenus[i].attributes.txt+"</.menu>";
		newBut.link = mainMenus[i].attributes.link;
		newBut.submenuCnt = mainMenus[i].childNodes.length;
		newBut.y = newBut._y;
		newBut.onMouseUp = function() {

			if (this.submenuCnt>0) {
				var butNum:Number = new Number(this._name.substr(3, 1));
				this.createSubMenu(butNum);
				for (i=0; i<mainMenus.length; i++) {
					if (i<butNum+1) {
						_root["but"+i].getPos(_root["but"+i].y);
					} else {
						_root["but"+i].getPos(_root["but"+i].y+this.submenuCnt*20);
					}
				}
			}
		};

wobei insbesondere diese zeile relevant ist:

newBut.txt.htmlText = "<.menu>"+mainMenus[i].attributes.txt+"</.menu>";

für die subbuttons kommt dann nochmal das gleiche, doch den code muss ich glaub nicht auch noch anfügen. leider wirkt das CSS gar nicht.
hier der CSS-code:

.menu     
{   
font-family: Helvetica,Verdana,Arial,sans-serif;
font-size: 25px; 
color: #0EC613;
text-align: left;
font-weight: bold;
text-decoration: none;
} 

.submenu     
{   
font-family: Helvetica,Verdana,Arial,sans-serif;
font-size: 15px; 
color: #FF0000;
text-align: left;
font-weight: bold;
text-decoration: none;
}

hat jemand einen tipp, wie ich das CSS zum wirken bringe...???

im anhang findet ihr die files.

[readme.txt]

PHP-Code:

newBut.txt.htmlText = "<p class='menu'>"+mainMenus[i].attributes.txt+"</p>"; 


Versuch mal das.