Javascript-форум - combobox в ie8

Есть комбобокс, в комбо бокс загружаются не только названия стран, но и флаги. в моциле всё работает, загружаются страны со значками, а вот в эксплорере - только названия стран.
Вот код: HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Combo Boxes</title>

    <!-- ExtJS -->
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <script defer type="text/javascript" src="pngfix.js"></script>

<!--	<script src="DD_belatedPNG_0.0.8a.js"></script> -->

	<script type="text/javascript" src="../../bootstrap.js"></script>

    <!-- Shared -->
	  
	
    <link rel="stylesheet" type="text/css" href="../shared/example.css" />

    <!-- Example -->
   
	 <script type="text/javascript" src="IconCombo.js"></script> 
	 <script type="text/javascript" src="combos.js"></script>
	
	
	  <style type="text/css">
    .ux-flag-us {
	
 background-repeat: no-repeat;
 top:10px;
 background-image:url(us.png) ! important;
    }
    .ux-flag-de {
 top:10px;	
 background-repeat: no-repeat;
        background-image:url(de.png) ! important;
    }
    .ux-flag-fr {
 top:10px;
 background-repeat: no-repeat;
        background-image:url(fr.png) ! important;
    }
    .ux-icon-combo-icon {



        background-repeat: no-repeat;
        background-position: 0 50%;
        width: 18px;
        height: 14px;
    }
 
    /* X-BROWSER-WARNING: this is not being honored by Safari */
    .ux-icon-combo-input {
        padding-left: 25px;
    }
 
    .x-form-field-wrap .ux-icon-combo-icon {
	position:fixed;


        top: 3px;
        left: 5px;
    }
    .ux-icon-combo-item {
	

        background-repeat: no-repeat ! important;
        background-position: 3px 50% ! important;
        padding-left: 24px ! important;
    }
    </style>     

</head>
<body>

<h1>Combo Boxes</h1>
<p>The js is not minified so it is readable. See <a href="combos.js">combos.js</a>.</p>

<div class="example">
    <h2>Data Sources</h2>
    <p>The combo box can use any type of Ext.data.Store as its data source.
    This means your data can be XML, JSON, arrays or any other supported format. It can be loaded using
    Ajax, via script tags or locally. This combo uses local data from a JS array:</p>

 	
	  <div id="iconCombo"></div>

.............................. i tak dalee...........................

.js

var rec = this.store.findRecord(this.valueField, this.getValue());//.itemAt(0);
       
//if (showDescriptor){


	if(rec) {
	
	
	 switch (this.showDescriptor) {
	
		case false:
	
		    this.bodyEl.dom.children[0].value  = ""; //text in der Anzeige leer setzen  
            this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
            this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
            this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
			
			break;
			
			
		case true:
		
		   //this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
           this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
           this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
			
			break;
			
			
			default:
 //this.bodyEl.dom.children[0].value  = ""; //text in der Anzeige leer setzen  
		   this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
           this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
           this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
			
			break;
			
			
		}  // switch

в чем может быть проблема?

спасибо за ответы