[flexcoders] Icons on TabBar or ToggleButton Bar

[forrestmaready]

Could someone let me know how they've succesfully populated the tabs on
a TabBar or the buttons on a ToggleButtonBar with icons? I've tried
putting the styleName tag on everything to no avail.

Thanks!

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
  xmlns:mx="http://www.adobe.com/2006/mxml
<http://www.adobe.com/2006/mxml> "
  layout="horizontal" width="470" height="100"
  horizontalAlign="center" verticalAlign="middle">

  <mx:Style>

   .myIcon
   {
    upSkin: Embed("assets/upIcon.jpg");
    overSkin: Embed("assets/overIcon.jpg");
    downSkin: Embed("assets/downIcon.jpg");
   }
  </mx:Style>

  <mx:ToggleButtonBar dataProvider="viewstack1" width="223" height="44"/>

  <mx:ViewStack id="viewstack1" width="18" height="24" selectedIndex="1"
styleName="myIcon" >
   <mx:Canvas label="Fred" width="100%" height="100%">
   </mx:Canvas>
   <mx:Canvas label="Fred1" width="100%" height="100%">
   </mx:Canvas>
   <mx:Canvas label="Fred2" width="100%" height="100%">
   </mx:Canvas>
  </mx:ViewStack>

</mx:Application>