Nifty Resizing an image in XML

Hey there, I have the following problem:
I want to resize a .png image to the panel size. So my Idea was:

<panel id=“tutorialbutton” childLayout=“center” height=“25%” width=“95%”
align=“center” valign=“bottom” backgroundColor="#08a3">
<image filename=“Interface/button.png”
width=“100%” height=“100%”/>
<text text=“tutorial” font=“Interface/Fonts/SegoeUI.fnt”
width=“100%” height=“100%”>

I thought the ImageMode=“resize:…” ensures that it is resized correctly (i.e. for buttons don’t resize the fancy corners but only the middle part, as in the Nifty GUI manual page 39)
But instead it forces my image into the panel, distorting it, ignoring my ImageMode-attribute.

I really think that there must be another way to resize this .png so that the xml-file does the resizing correctly, but I can’t find the commands.
Could you help me please?

Thanks :slight_smile:

Sincerely, Zariem