Combo drop down messed up in IE8

Hi,


We have developed an app based on AW 2.5.5 (we purchased 3 developer's licenses) and everything works under IE7. But user starts to report error on Combo box drop down in IE8. When user click on a combo, the drop down sometimes show partial items with the bottom of the drop down cut off, or has a lot of white space at the bottom or right side of the drop down. Sometimes it shows correctly, but not consistantly. I have tried to put

<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

in jsp and looks like it gets better in some cases, like some combos actually work correctly, but still others show those things fom time to time. Typically, first click will show cut-off drop down, and if you select one item from it, and then click again the drop down will show correctly. Next click will mess up again.

I thought it might be some data related issue in the drop down so I changed the texts/values to strictly letters, but does not help.

Not sure this is a known bug and/or if there is any workaround. Please help!


Thanks,

Here is the actual code to define and show the combo:


#combo_Connection {left: 110px; top: 120px; width: 200px; height: 20px; background: #f5e9d8}
#combo_Connection-popup {width: 200px;}

......

var combo_Connection = new AW.UI.Combo;
combo_Connection.setId("combo_Connection");
combo_Connection.setControlText("");
combo_Connection.setControlText("<%=if_type%>");

var typeValue = [''];
var typeText = [''];

<%int typeCount = 0;%>

<%for(int m=0; m<devIFTypes.size(); m+=2){%>
typeValue[<%=typeCount%>] = "<%=devIFTypes.get(m)%>";
typeText[<%=typeCount%>] = "<%=devIFTypes.get(m+1)%>";
<%typeCount++;%>
<%}%>

combo_Connection.setItemText(typeText);
combo_Connection.setItemValue(typeValue);
combo_Connection.setItemCount(<%=typeCount%>);

document.write(combo_Connection);