Not able to see legends on Internet Explorer 8

Question

I have a Flex Application that works great in Internet Explorer 9 and Firefox. However with Internet Explorer it does not show the colors for the legends, just the values. Do you guys could give me any ideas what I need to change in my code so that IE 8 shows the legend colors? You can see on the image attached that the colors show correctly on the map but the legend does not show the colors for each values.! Thank you for any help!
Here is the code
<?xml version="1.0" encoding="utf-8"?>
<mx:Application       
                xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:s="library://ns.adobe.com/flex/spark"
                xmlns:mx="library://ns.adobe.com/flex/mx"
                xmlns:esri="http://www.esri.com/2008/ags"
                paddingBottom="8" paddingLeft="8"
                paddingRight="8" paddingTop="8"
                backgroundColor="0xffffff"
                layout="vertical" >
    <!-- Start Declarations -->
<fx:Declarations>
        <esri:SimpleFillSymbol id="mouseOverSymbol" alpha="0.5" color="0x808080">
            <esri:SimpleLineSymbol width="0" color="#000000"/>
        </esri:SimpleFillSymbol>
        <esri:SimpleFillSymbol id="defaultsym" alpha="0.01" color="#E0E0E0"   >
            <esri:SimpleLineSymbol width="1" color="#000000"/>
        </esri:SimpleFillSymbol>
    <!-- End Declarations -->
</fx:Declarations>
    <fx:Script>
        <![CDATA[
            import com.esri.ags.Graphic;
            import com.esri.ags.SpatialReference;
            import com.esri.ags.events.GraphicEvent;
            import com.esri.ags.geometry.Extent;
            import com.esri.ags.layers.*;
            import com.esri.ags.symbols.SimpleFillSymbol;
            import com.esri.ags.symbols.SimpleLineSymbol;
            import mx.collections.ArrayCollection;
            import mx.controls.RadioButton;
            import mx.controls.TextArea;
            import mx.events.DropdownEvent;
            import mx.events.ItemClickEvent;
            private function closeHandler(evt:DropdownEvent):void
            try
                myLabel.text = ComboBox(evt.target).selectedItem.label;
            catch(error:Error){
                trace("Caught Error: "+error);
            private function loadLayerName():void
                myLegend.layers = null;
                layerPanel.removeAllChildren();
                //loop through each layer and add as a radiobutton
                for(var i:uint = 0; i < (dynamicLayer.layerInfos.length); i++)
                    var radioBtn:RadioButton = new RadioButton;
                    radioBtn.groupName = "radioBtnGroup";
                    radioBtn.value = i;
                    radioBtn.label = dynamicLayer.layerInfos[i].name;
                    if (dynamicLayer.layerInfos[i].name == "Direct Impact (Million $)")
                        radioBtn.label = "Direct Impact";
                    else if (dynamicLayer.layerInfos[i].name == "Total Impact (Million $)")
                    {radioBtn.label = "Total Impact";
                    else if (dynamicLayer.layerInfos[i].name == "Total Impact (Jobs)")
                    {radioBtn.label = "Total Impact";
                    else if (dynamicLayer.layerInfos[i].name == "Direct Impact (Jobs)")
                    {radioBtn.label = "Direct Impact";
                    else
                    {radioBtn.visible= false;
                    layerPanel.addChild(radioBtn);
                /*     myDividerBox.getDividerAt(0).visible = false; */
                //set the visible layer the first radio button
                 radioBtnGroup.selectedValue = 0;
                 dynamicLayer.visibleLayers = new ArrayCollection([0]);
                myLegend.layers = [dynamicLayer];
                myLegend.visible = true;
            private function radioClickHandler(event:ItemClickEvent):void
                myLegend.layers = null;
                // update the visible layers to only show the layer selected
                dynamicLayer.visibleLayers = new ArrayCollection([event.index]);
                myLegend.layers = [dynamicLayer];
                myLegend.visible = true;
            private function changeEvt(event:Event):void {
            if (yearcombo.selectedItem.year == "2007")
                measures.filterFunction=filter1
                measures.refresh()
                myURL.dataProvider=measures
                myLegend.visible = true;
            else if (yearcombo.selectedItem.year == "2009")
                measures.filterFunction=filter2
                measures.refresh();
                myLegend.visible = true;
        public function filter1(item:Object):Boolean
            if (item.year=="2007") return true
            else return false
            public function filter2(item:Object):Boolean
                if (item.year=="2009") return true
                else return false
            private function clickEvt(event:Event):void {
                if (yearcombo.selectedItem.year == "2007")
                    measures.filterFunction=filter3
                    measures.refresh()
                    myURL.dataProvider=measures
                else if (yearcombo.selectedItem.year == "2009")
                    measures.filterFunction=filter4
                    measures.refresh();
            public function filter3(item:Object):Boolean
                if (item.year=="2007") return true
                else return false
            public function filter4(item:Object):Boolean
                if (item.year=="2009") return true
                else return false
            private function clickEv2(event:Event):void {
                if (yearcombo.selectedItem.year == "2007")
                    measures.filterFunction=filter5
                    measures.refresh()
                else if (yearcombo.selectedItem.year == "2009")
                    measures.filterFunction=filter6
                    measures.refresh();
                else if (yearcombo.selectedItem.year == 2007 && myURL.selectedIndex==8)
                    myLegend.layers = null;
                    layerPanel.removeAllChildren();
            public function filter5(item:Object):Boolean
                if (item.year=="2007") return true
                else return false
            public function filter6(item:Object):Boolean
                if (item.year=="2009") return true
                else return false
            /* IF YOU WANT TO INCLUDE OTHER VALUES IN THE MAP TOOLTIP LIKE COUNTY NAME AND THE LABEL OF THE SELECTED ITEM
            if (myURL.selectedIndex==0)
            myTextArea.htmlText = "<b>County: </b>" + gr.attributes.NAME + "\n"
            + "<b>Measure: </b>" + myURL.selectedItem.label + gr.attributes.ForDirIndOut.toString()
                public function fLayer_graphicAddHandler(event:GraphicEvent):void
                    event.graphic.addEventListener(MouseEvent.MOUSE_OVER, onMouseOverHandler);
                    event.graphic.addEventListener(MouseEvent.MOUSE_OUT, onMouseOutHandler);
                public function onMouseOverHandler(event:MouseEvent):void
                    //Place the lines of code that don't change based on the selections once.
                    var graphic:Graphic = Graphic(event.currentTarget);
                    graphic.symbol = mouseOverSymbol;
                    var htmlText:String = graphic.attributes.htmlText;
                    var textArea:TextArea = new TextArea();
                    textArea.width= 110
                    textArea.height = 25
                    //The particular year doesn't seem to have an impact on anything but the definetionExpression
                    //so there is no need to evaluate it each time
                /*     if (yearcombo.selectedItem.year == "2007"){
                        fLayer.definitionExpression = "DATA_YEAR_TXT like '2007'";
                    }else if(yearcombo.selectedItem.year == "2009"){
                        fLayer.definitionExpression = "DATA_YEAR_TXT like '2009'";
                    fLayer.definitionExpression = "DATA_YEAR_TXT like '"+ yearcombo.selectedItem.year+"'";
                    //This part is always the same so only do it once
                    textArea.htmlText = myURL.selectedItem.label; */
                    /* for each (var item:object in fLayer.getItemAt(i)
                    if (myURL.selectedItem.namefield == fLayer.tableDetails.fields){ */
                    /* if (myURL.selectedItem.namefield == fLayer.outFields 
                        textArea.htmlText = graphic.attributes.ForDirIndOut.toString();
                    private function locateBoundary(event:Event) : void
                    layerCOUNTIES.definitionExpression = "STATE = '" + (event.currentTarget as TextArea).data.STATEFP + "'";
                    try{
                        if (radioBtnGroup.selectedValue == 0){
                            if(myURL.selectedIndex == 0){
                                textArea.htmlText = graphic.attributes.ForDirIndOut.toString();
                            }else if(myURL.selectedIndex == 1 ){
                                textArea.htmlText = graphic.attributes.ForDirEmp.toString();
                            }else if(myURL.selectedIndex == 2){
                                textArea.htmlText = graphic.attributes.ForDirLabInc.toString();
                            }else if(myURL.selectedIndex == 3){
                                textArea.htmlText = graphic.attributes.ForIndirBusTax.toString();
                            }else if(myURL.selectedIndex == 4){
                                textArea.htmlText = graphic.attributes.LogDirIndOut.toString();
                            }else if(myURL.selectedIndex == 5){
                                textArea.htmlText = graphic.attributes.LogDirEmp.toString();
                            }else if(myURL.selectedIndex == 6){
                                textArea.htmlText = graphic.attributes.LogDirLabInc.toString();
                            }else if(myURL.selectedIndex == 7){
                                textArea.htmlText = graphic.attributes.LogIndirBusTax.toString();}
                            else if(myURL.selectedIndex == 8){
                                textArea.htmlText = graphic.attributes.PrimaryPaperDirIndOut.toString();}
                            else if(myURL.selectedIndex == 9){
                                textArea.htmlText = graphic.attributes.PrimaryPaperDirEmp.toString();}
                            else if(myURL.selectedIndex == 10){
                                textArea.htmlText = graphic.attributes.PrimaryPaperDirLabInc.toString();}
                            else if(myURL.selectedIndex == 11){
                                textArea.htmlText = graphic.attributes.PrimaryPaperIndirBusTax.toString();}
                            else if(myURL.selectedIndex == 12){
                                textArea.htmlText = graphic.attributes.PrimarySolidIndOut.toString();}
                            else if(myURL.selectedIndex == 13){
                                textArea.htmlText = graphic.attributes.PrimarySolidEmp.toString();}
                            else if(myURL.selectedIndex == 14){
                                textArea.htmlText = graphic.attributes.PrimarySolidLabInc.toString();}
                            else if(myURL.selectedIndex == 15){
                                textArea.htmlText = graphic.attributes.PrimarySolidIndBusTax.toString();}
                            else if(myURL.selectedIndex == 16){
                                textArea.htmlText = graphic.attributes.SecondPaperDirIndOut.toString();}
                            else if(myURL.selectedIndex == 17){
                                textArea.htmlText = graphic.attributes.SecondPaperDirEmp.toString();}
                            else if(myURL.selectedIndex == 18){
                                textArea.htmlText = graphic.attributes.SecondPaperDirLabInc.toString();}
                            else if(myURL.selectedIndex == 19){
                                textArea.htmlText = graphic.attributes.SecondPaperIndirBusTax.toString();}
                            else if(myURL.selectedIndex == 20){
                                textArea.htmlText = graphic.attributes.SecondSolidDirIndOut.toString();}
                            else if(myURL.selectedIndex == 21){
                                textArea.htmlText = graphic.attributes.SecondSolidDirEmp.toString();}
                            else if(myURL.selectedIndex == 22){
                                textArea.htmlText = graphic.attributes.SecondSolidDirLabInc.toString();}
                            else if(myURL.selectedIndex == 23){
                                textArea.htmlText = graphic.attributes.SecondSolidBusTax.toString();}
                            myMap.infoWindow.show(myMap.toMapFromStage(event.stageX, event.stageY));
                        else if (radioBtnGroup.selectedValue == 1){
                                if(myURL.selectedIndex == 0){
                                    textArea.htmlText = graphic.attributes.ForTotImpIndOut.toString();
                                }else if(myURL.selectedIndex == 1 ){
                                    textArea.htmlText = graphic.attributes.ForTotImpEmp.toString();
                                }else if(myURL.selectedIndex == 2){
                                    textArea.htmlText = graphic.attributes.ForTotImpLabInc.toString();
                                }else if(myURL.selectedIndex == 4){
                                    textArea.htmlText = graphic.attributes.LogTotImpIndOut.toString();
                                }else if(myURL.selectedIndex == 5){
                                    textArea.htmlText = graphic.attributes.LogTotImpEmp.toString();
                                }else if(myURL.selectedIndex == 6){
                                    textArea.htmlText = graphic.attributes.LogTotImpLabInc.toString();}
                                else if(myURL.selectedIndex == 8){
                                    textArea.htmlText = graphic.attributes.PrimaryPaperTotImpIndOut.toString();}
                                else if(myURL.selectedIndex == 9){
                                    textArea.htmlText = graphic.attributes.PrimaryPaperTotImpEmp.toString();}
                                else if(myURL.selectedIndex == 10){
                                    textArea.htmlText = graphic.attributes.PrimaryPaperTotImpLabInc.toString();}
                                else if(myURL.selectedIndex == 12){
                                    textArea.htmlText = graphic.attributes.PrimarySolidTotImpIndOut.toString();}
                                else if(myURL.selectedIndex == 13){
                                    textArea.htmlText = graphic.attributes.PrimarySolidTotImpEmp.toString();}
                                else if(myURL.selectedIndex == 14){
                                    textArea.htmlText = graphic.attributes.PrimarySolidTotImpLabInc.toString();}
                                else if(myURL.selectedIndex == 16){
                                    textArea.htmlText = graphic.attributes.SecondPaperTotImpIndOut.toString();}
                                else if(myURL.selectedIndex == 17){
                                    textArea.htmlText = graphic.attributes.SecondPaperTotImpEmp.toString();}
                                else if(myURL.selectedIndex == 18){
                                    textArea.htmlText = graphic.attributes.SecondPaperTotImpLabInc.toString();}
                                else if(myURL.selectedIndex == 20){
                                    textArea.htmlText = graphic.attributes.SecondSolidIndOut.toString();}
                                else if(myURL.selectedIndex == 21){
                                    textArea.htmlText = graphic.attributes.SecondSolidEmp.toString();}
                                else if(myURL.selectedIndex == 22){
                                    textArea.htmlText = graphic.attributes.SecondSolidLabInc.toString();}
                            myMap.infoWindow.show(myMap.toMapFromStage(event.stageX, event.stageY));
                        myMap.infoWindow.content=textArea;
                        myMap.infoWindow.label = graphic.attributes.NAME;
                        myMap.infoWindow.closeButtonVisible = false;
                        myMap.infoWindow.width = 120;
                    catch(error:Error){
                        trace("Caught Error: "+error);
                    //Place the lines of code that don't change based on the selections once.
            public function onMouseOutHandler(event:MouseEvent):void
                    var gr:Graphic = Graphic(event.target);
                    gr.symbol = defaultsym;
                    myMap.infoWindow.hide();
        ]]>
    </fx:Script>
    <fx:Style>
        @namespace esri "http://www.esri.com/2008/ags";
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        @namespace esri "http://www.esri.com/2008/ags";
        @namespace components "com.esri.ags.components.*";
        components|InfoWindow
            background-alpha : 0.7;
            border-style : solid;
    </fx:Style>
    <mx:HBox   width="930" height="800"  id="mapHbox"  horizontalAlign="center" >   
    <mx:HBox width="80">
    </mx:HBox>
    <mx:HBox id="myHBox" width="800" height="600" backgroundColor="0xffffff"  >
        <mx:VBox  height="590" width="358"  >
        <!--    <mx:Panel
                width="356" height="100%"
                color="0x000000"
                borderAlpha="0.15"
                >
                -->
                <mx:Canvas height="100%" width="100%" backgroundColor="0xffffff" >
                    <esri:Map id="myMap" openHandCursorVisible="false"
                              height="100%" 
                              logoVisible="false"
                              doubleClickZoomEnabled="false"
                              scrollWheelZoomEnabled="false"
                              zoomSliderVisible="false"
                              scaleBarVisible="false" scale="4000000" >
                        <esri:extent>
                            <esri:Extent xmin="-10736651.061900" ymin="4024099.909700" xmax="-10409195.669800" ymax="3440153.831100"      >
                                <esri:SpatialReference wkid="102100"/>
                            </esri:Extent>
                        </esri:extent>
                        <esri:ArcGISDynamicMapServiceLayer id="dynamicLayer2"
                                                           url="http://tfs-24279/ArcGIS/rest/services/RADIO_BUTTONS/counties_layer/MapServer" />
                        <esri:ArcGISDynamicMapServiceLayer id="dynamicLayer" name=" "
                                                           alpha="1"
                                                           load="loadLayerName()"
                                                   url="http://tfs-24279/ArcGIS/rest/services/{myURL.selectedItem.value}/MapServer"   />
                        <esri:FeatureLayer id="fLayer"
                                           graphicAdd="fLayer_graphicAddHandler(event)"
                                           mode="snapshot"
                                           outFields="*"
                                           symbol="{defaultsym}"
                                           url= "http://tfs-24279/ArcGIS/rest/services/RADIO_BUTTONS/feature_layer_0709_five/FeatureServer/ 0" />
                    </esri:Map>
                </mx:Canvas>
        <!--    </mx:Panel>-->
        </mx:VBox>       
        <mx:VBox  height="590" width="20"  >
        </mx:VBox>       
        <mx:Canvas height="500" width="400" backgroundColor="0xffffff"
                   horizontalScrollPolicy="off"
                   verticalScrollPolicy="off" >
            <mx:VBox  width="420" height="50%" paddingLeft="5" paddingTop="10" paddingRight="10" paddingBottom="10"
                     verticalGap="8">
                <mx:Form  >
                    <mx:FormItem label="Year        :"  >
                        <mx:ComboBox   id="yearcombo" selectedIndex="0" labelField="label" width="100%" change="changeEvt(event)"  >
                            <mx:ArrayCollection id="year"  >
                                <fx:Object label="2007"  year="2007" />
                                <fx:Object label="2009"  year="2009" />
                            </mx:ArrayCollection>
                        </mx:ComboBox>
                    </mx:FormItem>
                    <mx:FormItem label="Measure:">
                        <mx:ComboBox   id="myURL" selectedIndex="48" width="80%" mouseOver="clickEv2(event)" close="closeHandler(event)" >
                        <mx:ArrayCollection id="measures"   >
                            <fx:Object id="forindout07"  label="Forestry Industry Output" value="RADIO_BUTTONS/TFEI_07_forest_industry_output" year="2007" labeltext="Industry Output"  />
                            <fx:Object id="foremp07" label="Forestry Employment " value="RADIO_BUTTONS/TFEI_07_forest_employment" year="2007" />
                            <fx:Object id="forlabinc07" label="Forestry Labor Income " value="RADIO_BUTTONS/TFEI_07_forest_labincome" year="2007" />
                            <fx:Object id="forindbustax07" label="Forestry Indirect Business Tax" value="RADIO_BUTTONS/TFEI_07_forest_business_tax" year="2007" />
                            <fx:Object id="forindout09" label="Forestry Industry Output " value="RADIO_BUTTONS/TFEI_09_forest_industry_output2" year="2009"  />
                            <fx:Object id="foremp09" label="Forestry Employment " value="RADIO_BUTTONS/TFEI_09_forest_employment" year="2009" />
                            <fx:Object id="forlabinc09" label="Forestry Labor Income " value="RADIO_BUTTONS/TFEI_09_forest_labincome2" year="2009" />
                            <fx:Object id="forindbustax09" label="Forestry Indirect Business Tax" value="RADIO_BUTTONS/TFEI_09_forest_business_tax" year="2009" />
                            <fx:Object id="logindout07" label="Logging Industry Output"  value="RADIO_BUTTONS/TFEI_07_logging_industry_output" year="2007"  />
                            <fx:Object id="logemp07" label="Logging Employment " value="RADIO_BUTTONS/TFEI_07_logging_employment" year="2007" />
                            <fx:Object id="loglabinc07" label="Logging Labor Income " value="RADIO_BUTTONS/TFEI_07_logging_labincome" year="2007" />
                            <fx:Object id="logindbustax07" label="Logging Indirect Business Tax" value="RADIO_BUTTONS/TFEI_07_logging_business_tax" year="2007" />
                            <fx:Object id="logindout09" label="Logging Industry Output " value="RADIO_BUTTONS/TFEI_09_logging_industry_output" year="2009"  />
                            <fx:Object id="logemp09" label="Logging Employment " value="RADIO_BUTTONS/TFEI_09_logging_employment" year="2009" />
                            <fx:Object id="loglabinc09" label="Logging Labor Income " value="RADIO_BUTTONS/TFEI_09_logging_labincome" year="2009" />
                            <fx:Object id="logindbustax09" label="Logging Indirect Business Tax" value="RADIO_BUTTONS/TFEI_09_logging_business_tax" year="2009" />
                            <fx:Object id="ppindout07" label="Primary Paper Industry Output"  value="RADIO_BUTTONS/TFEI_07_primary_paper_industry_output" year="2007"  />
                            <fx:Object id="ppemp07" label="Primary Paper Employment " value="RADIO_BUTTONS/TFEI_07_primary_paper_employment" year="2007" />
                            <fx:Object id="pplabinc07" label="Primary Paper Labor Income " value="RADIO_BUTTONS/TFEI_07_primary_paper_labincome" year="2007" />
                            <fx:Object id="ppindbustax07" label="Primary Paper Indirect Business Tax" value="RADIO_BUTTONS/TFEI_07_primary_paper_business_tax" year="2007" />
                            <fx:Object id="ppindout09" label="Primary Paper Industry Output " value="RADIO_BUTTONS/TFEI_09_primary_paper_industry_output" year="2009"  />
                            <fx:Object id="ppemp09" label="Primary Paper Employment " value="RADIO_BUTTONS/TFEI_09_primary_paper_employment2" year="2009" />
                            <fx:Object id="pplabinc09" label="Primary Paper Labor Income " value="RADIO_BUTTONS/TFEI_09_primary_paper_labincome2" year="2009" />
                            <fx:Object id="ppindbustax09" label="Primary Paper Indirect Business Tax" value="RADIO_BUTTONS/TFEI_09_primary_paper_business_tax" year="2009" />
                            <fx:Object id="psindout07" label="Primary Solid Industry Output"  value="RADIO_BUTTONS/TFEI_07_primary_solid_industry_output" year="2007"  />
                            <fx:Object id="psemp07" label="Primary Solid Employment " value="RADIO_BUTTONS/TFEI_07_primary_solid_employment" year="2007" />
                            <fx:Object id="pslabinc07" label="Primary Solid Labor Income " value="RADIO_BUTTONS/TFEI_07_primary_solid_labincome" year="2007" />
                            <fx:Object id="psindbustax07" label="Primary Solid Indirect Business Tax" value="RADIO_BUTTONS/TFEI_07_primarysolid_business_tax" year="2007" />
                            <fx:Object id="psindout09" label="Primary Solid Industry Output " value="RADIO_BUTTONS/TFEI_09_primary_paper_industry_output" year="2009"  />
                            <fx:Object id="psemp09" label="Primary Solid Employment " value="RADIO_BUTTONS/TFEI_09_primary_solid_employment" year="2009" />
                            <fx:Object id="pslabinc09" label="Primary Solid Labor Income " value="RADIO_BUTTONS/TFEI_09_primary_solid_labincome" year="2009" />
                            <fx:Object id="psindbustax09" label="Primary Solid Indirect Business Tax" value="RADIO_BUTTONS/TFEI_09_primarysolid_business_tax" year="2009" />
                            <fx:Object id="spindout07" label="Secondary Paper Industry Output"  value="RADIO_BUTTONS/TFEI_07_secondary_paper_output" year="2007"  />
                            <fx:Object id="spemp07" label="Secondary Paper Employment " value="RADIO_BUTTONS/TFEI_07_secondary_paper_employment" year="2007" />
                            <fx:Object id="splabinc07" label="Secondary Paper Labor Income " value="RADIO_BUTTONS/TFEI_07_secondary_paper_labincome" year="2007" />
                            <fx:Object id="spindbustax07" label="Secondary Paper Indirect Business Tax" value="RADIO_BUTTONS/TFEI_07_secondary_paper_business_tax" year="2007" />
                            <fx:Object id="spindout09" label="Secondary Paper Industry Output " value="RADIO_BUTTONS/TFEI_09_secondary_paper_output2" year="2009"  />
                            <fx:Object id="spemp09" label="Secondary Paper Employment " value="RADIO_BUTTONS/TFEI_09_secondary_paper_employment" year="2009" />
                            <fx:Object id="splabinc09" label="Secondary Paper Labor Income " value="RADIO_BUTTONS/TFEI_09_secondary_paper_labincome" year="2009" />
                            <fx:Object id="spindbustax09" label="Secondary Paper Indirect Business Tax" value="RADIO_BUTTONS/TFEI_09_secondary_paper_business_tax" year="2009" />
                            <fx:Object id="ssindout07" label="Secondary Solid Industry Output"  value="RADIO_BUTTONS/TFEI_07_secondary_solid_industry_output" year="2007"  />
                            <fx:Object id="ssemp07" label="Secondary Solid Employment " value="RADIO_BUTTONS/TFEI_07_secondary_solid_employment" year="2007" />
                            <fx:Object id="sslabinc07" label="Secondary Solid Labor Income " value="RADIO_BUTTONS/TFEI_07_secondary_solid_labincome" year="2007" />
                            <fx:Object id="ssindbustax07" label="Secondary Solid Indirect Business Tax" value="RADIO_BUTTONS/TFEI_07_secondary_solid_business_tax" year="2007" />
                            <fx:Object id="ssindout09" label="Secondary Solid Industry Output " value="RADIO_BUTTONS/TFEI_09_secondary_solid_industry_output" year="2009"  />
                            <fx:Object id="ssemp09" label="Secondary Solid Employment " value="RADIO_BUTTONS/TFEI_09_secondary_solid_employment" year="2009" />
                            <fx:Object id="sslabinc09" label="Secondary Solid Labor Income " value="RADIO_BUTTONS/TFEI_09_secondary_solid_labincome" year="2009" />
                            <fx:Object id="ssindbustax09" label="Secondary Solid Indirect Business Tax" value="RADIO_BUTTONS/TFEI_09_secondary_solid_business_tax" year="2009" />
                            <fx:Object id="blank" label=" "  />
                        </mx:ArrayCollection>
                    </mx:ComboBox>
                    </mx:FormItem>
                </mx:Form>
                <mx:VBox  id="layerPanel" width="50%" height="8%" verticalGap="3" paddingLeft="17">
                    <mx:RadioButtonGroup id="radioBtnGroup" itemClick="radioClickHandler(event)"  />
                </mx:VBox>
                <mx:VBox   height="2%">
                </mx:VBox>
                <mx:VBox paddingLeft="17" height="10%"  >
                <mx:Canvas  id="legendPanel" width="100%"  >
                    <mx:Label id="myLabel" text=" " fontWeight="bold" />
                    <esri:Legend id="myLegend"
                                 layers="{[dynamicLayer]}"
                                 map="{myMap}" visible="false"
                                 respectCurrentMapScale="false" />
                </mx:Canvas>
                </mx:VBox>
                <mx:VBox>
                <mx:TextArea width="275"  borderAlpha="0" height="200"  >
                    <mx:htmlText   >
                        <![CDATA[<font size='11'><b>Note:</b> Counties in white indicate either no data is available for that measure or the data has been supressed due to confidentiality.</font>
                        ]]>
                    </mx:htmlText>
                </mx:TextArea>
                </mx:VBox>   
            </mx:VBox>
        </mx:Canvas>
    </mx:HBox>
    </mx:HBox>   
</mx:Application>

Answer 1

Here is the HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Texas Forestry Economic Impact</title>
<style type="text/css">
<!--
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #42413C;
    margin: 0;
    padding: 0;
    color: #FFF;
p {
    margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 14px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    font-size: medium;
    color: #333;
    font-family: Calibri;
    text-align: left;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #FFF;
    text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
    color: #FFF;
    text-decoration: none;
.container table tr td Menu a {
    color: #FFF;
    text-decoration: none;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: underline;
    color: #FFF;
    font-size: small;
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
    width: 960px;
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
    background: #6f8d5c;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
    padding: 10px 0;
/* ~~ The footer ~~ */
.footer {
    padding: 10px 0;
    background: #6f8d5c;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.container .content table tr td {
    color: #FFF;
    font-weight: bold;
    text-align: center;
.container table tr td {
    text-align: center;
    color: #FFF;
    font-family: Calibri;
    font-size: small;
.container table {
    font-size: xx-small;
table {
    font-size: 9px;
.container table tr td p a {
    text-align: center;
table tr td p a {
    text-align: center;
.container .footer table tr td .footer {
    color: #FFF;
    font-size: small;
    text-align: center;
.container p {
    font-size: medium;
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
function updateSwfSize(myHeight, myWidth)
    var flexibleGorillaSwf = document.getElementById("FlashID");
    flexibleGorillaSwf.height = myHeight;
    flexibleGorillaSwf.width = myWidth;
</script>
</head>
<body id="body" >
<div class="container">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
       <tr>
    <td bgcolor="#6f8d5c"><img src="assets/Banner5.jpg" width="960" height="120" alt="banner" /></td>
  </tr>
      <tr>
    <td height="31" bgcolor="#6f8d5c"><a href="Home.html">Home</a>  -  <a href="Highlights.html">Highlights</a>  -  <a href="EcoImpactTX.html" title="Map" target="_self">Summary Tool</a>  -  <a href="maps.html"  style="font-weight: bold; font-size:medium; target="_self">Maps</a>  -  <a href="charts.html" target="_self">Charts</a>  -  <a href="Report.html" target="_self">Download Reports</a>  -   <a href="FAQs.html" target="_self">FAQs</a>  -  <a href="ContactUs.html" target="_self"> Contact Us</a>  -  <a href="http://txforestservice.tamu.edu/main/default.aspx"> TFS Home</a><a href="http://txforestservice.tamu.edu/main/default.aspx"></a></td>
  </tr>
   <tr>
    <td height = "0" bgcolor="#FFFFFF"> </td>
  </tr>
</table>
<p >                                                                                                        <span style="font-size:x-large; color:#000">Thematic Maps</span></p>
<p>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="930" height="1950" id="FlashID" title="map">
    <param name="movie" value="maps.swf" />
    <param name="quality" value="high" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don't want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <param name="SCALE" value="exactfit" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object data="maps.swf" type="application/x-shockwave-flash" width="930" height="1950">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <param name="SCALE" value="exactfit" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
      <!--[if !IE]>-->
      </object>
    <!--<![endif]-->
  </object>
</p>
<p><!-- end .content --></p>
<div class="footer">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="0"  bgcolor="#6f8d5c"><p class="footer"><a href="Home.html">Home</a>  -  <a href="Highlights.html">Highlights</a>  -  <a href="EcoImpactTX.html" title="Map" target="_self">Summary Tool</a>  -  <a href="maps.html"><span style="font-weight:bolder"><span style="font-size:medium">Maps</span></span></a></a>  -  <a href="charts.html">Charts</a>  -  <a href="Report.html" target="_self">Download Reports</a>  -  <a href="FAQs.html" target="_self">FAQs</a>  -  <a href="ContactUs.html" target="_self">Contact Us</a>  -  <a href="http://txforestservice.tamu.edu/main/default.aspx">TFS Home</a><a href="http://txforestservice.tamu.edu/main/default.aspx"></a></p></td>
  </tr>
</table>
</div>
</div>
  <!-- end .container --></div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>