title: How to set the absolute position of the text field in an mx button?
body: <p>I have a large mx button that I'm using and I'd like it to display my label across the whole button starting at around x=1 y=1. How do I accomplish this sort of absolute positioning?</p>
  
  <p>Here is how it looks currently:</p>
  
  <p><img src="https://i.stack.imgur.com/HUG2O.png" alt="enter image description here"></p>
  
  <pre><code>&lt;mx:Button id="testButton" width="54" height="54" blendMode="layer" styleName="testStyle" label="D"/&gt;
  
  .testStyle
  {
      color: #FFFFFF;
      fontFamily: 'latha';
      fontWeight: bold;
      fontSharpness: 400;
      up-skin:        Embed("redSquare.png");
      over-skin:      Embed("redSquare.png");
      down-skin:      Embed("redSquare.png");
      disabled-skin:  Embed("redSquare.png");
      selected-over-skin:     Embed("redSquare.png");
      selected-up-skin:       Embed("redSquare.png");
      selected-down-skin:     Embed("redSquare.png");
      selected-disabled-skin: Embed("redSquare.png"); 
  }
  </code></pre>
  
  <p>and I'm setting my font size dynamically:</p>
  
  <pre><code>testButton.setStyle("fontSize", 80*scale);
  </code></pre>
  
  <p>I understand that using an image and scaling that would probably be easier but this label needs to change frequently.</p>