[flexcoders] CSS and background image?

[malik_robinson]

Hi,

I have an image I want to use for a header in this application, I have
that working fine however, I am unsure how I can apply the following
style.  The image is 600px wide or so, and then I want this background
image to repeat and fill the rest of my container.

.masthead {
     padding: 0px;
     background-image: url(/images/masthead_bg.gif);
     background-repeat: repeat-x;
     border-bottom: 1px solid #B6BEC5;
     position: relative;
     color: #004884;

}

I am trying to get the same effect in my flex application.  I put the
image in an hbox, and I want the background to be applied to the hbox if
thats even possible.

     <mx:HBox id="headerBox" styleName="masthead" width="100%" x="0"
y="0">
             <mx:Image source="@Embed('assets/logo.gif')"
scaleContent="true" />
     </mx:HBox>

Any help appreciated.    I also think some of the styles I have declared
above won't work in the same manner in flex so if someone can provide me
an example of how to do this that would be great.

Thanks,

-Malik