Start Building Professional
Web Apps Today

Help with IE and image combo boxes

I'm trying to get IE to work properly.
FF works perfectly, but IE8-- even in IE7 Emulation mode doesn't.

I wrote a table containing two image combo boxes in the same row. The first combo box has images which are larger than
the second combo box. In IE, the second combo boxes images are too large.

Changing the .dh_combo_option_img height and width params fixes the second box but breaks the first combo
box.

Adding an exception with an ID attribute does nothing in IE:

<!-- EXP -->

<td style="padding-left:0px;" valign="bottom">

<style>
#combo_zone3 .dhx_combo_option_img{
height:20px;
width:20px:
}
</style>
<div id="combo_zone3" ></div>

</td>

Any insight here would be greatly appreciated!

>>Adding an exception with an ID attribute does nothing in IE:
The style defined in such way will affect the image inside combo input, but will not affect list of options, because in DOM model it is not a child of combo container

You can resolve problem by adding ID directly to list of options for second combo.
<style>
#combo_zone3 .dhx_combo_option_img{
height:20px;
width:20px:
}
#list_zone3 .dhx_combo_option_img{
height:20px;
width:20px:
}
</style>
...
    var combo=dhtmlXCombo(...
    combo.DOMlist.id="list_zone3"; // now the custom style will be assigned to all images inside list