[flexcoders]Setting DataGrid header to transparent

[dorkie dork from dorktown]

Is there a way to set the Datagrid header to transparent? I want to set the
header background fill to transparent and show a border along the bottom of
the column headers. Currently the CSS Design View does not let me change the
Datagrid header fill alpha.

Here is the code I am using:

    <mx:XML id="xmlData" format="e4x">
        <XML1>
            <items>
                <item name="item 1" enabled="true" column1="8:00PM" />
            </items>
        </XML1>
    </mx:XML>

    <mx:DataGrid x="10" y="71" dataProvider="{xmlData.items.item}">
        <mx:columns>
            <mx:DataGridColumn headerText="Name" dataField="@name"/>
            <mx:DataGridColumn headerText="Column 1" dataField="@column1"/>
            <mx:DataGridColumn headerText="Edit" dataField="edit"/>
            <mx:DataGridColumn headerText="Enabled" dataField="@enabled"/>
        </mx:columns>
    </mx:DataGrid>