Z-Achse und Buttons

[hothead89]

Hallo,
ich habe folgenden Testcode.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   addedToStage="init();"
			   minWidth="955" minHeight="600" xmlns:comp="comp.*"
			   backgroundColor="0xcccccc">
	<fx:Declarations>
	</fx:Declarations>
	
	<s:Group width="100%" height="100%">
		<s:layout>
			<s:VerticalLayout verticalAlign="middle" horizontalAlign="center" gap="0"/>
		</s:layout>
		
		<s:Group width="180" height="35" maskType="clip" >
			<s:mask>
				<s:Group width="180" height="35">
					<s:Rect width="180" height="100%" left="0" id="buttonBalkOneMask">
						<s:fill>
							<s:SolidColor color="0x222222"/>
						</s:fill>
					</s:Rect>
				</s:Group>			
			</s:mask>
			
			<s:Rect width="180" height="100%" left="0" id="buttonBalkOne" >
				<s:fill>
					<s:SolidColor color="0x222222"/>
				</s:fill>
			</s:Rect>
			
			<s:Button id="btnService" label="LEISTUNGEN" 
					  width="100%" height="100%"
					   />
		</s:Group>
		
		<s:Group width="180" height="35" maskType="clip" z="-100">
			<s:mask>
				<s:Group width="180" height="35">
					<s:Rect width="180" height="100%" left="0" id="buttonBalkOneMaswrtk">
						<s:fill>
							<s:SolidColor color="0x222222"/>
						</s:fill>
					</s:Rect>
				</s:Group>			
			</s:mask>
			
			<s:Rect width="180" height="100%" left="0" id="buttonBalktw" >
				<s:fill>
					<s:SolidColor color="0x222222"/>
				</s:fill>
			</s:Rect>
			
			<s:Button id="btnSwtervice" label="2" 
					  width="100%" height="100%"
					  />
		</s:Group>
		
	</s:Group>
	
	
</s:Application>

Das Problem ist nun, dass ich den vorderen Butten mit der Beschriftung 2 nicht mehr anklicken kann. Warum? und wie kann ich das ändern.
Danke im Voraus
Gruß

---------ADD
Ich habe gerade herausgefunden, dass es nur an den Masken liegt. Kann man die nicht auf Z mitschieben? Ich brauche die Masken nämlich für eine Animation...