Strange behavor with dhtmlxCombo in a DIV

First of all thanks for this great combo function



I have a big problem with dhtmlxCombo inside a DIV with scrollbars.



If I create a dhtmlxCombo inside a DIV with scroll bars then the text around the dhtmlCombo are moved when I scrolls inside the DIV, but the combo box are not.



To illustrate the problem try this code:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd”>





















index





.divColCenter {

/* DColCenterWidth / width: 100%;

/
DColCenterHeight / height: 100px;

/
DColCenterOverflow / overflow: auto;

/
DColCenterTextAlign / text-align: left;

/
DColCenterFontType / font-family : Verdana;

/
DColCenterBackgroundColor / background-color: #cccccc;

/
DColCenterTextColor / color: #000066;

}

.divSiteHeader {

/
DSiteHeaderWidth / width: 100%;

/
DSiteHeaderHeight / height: 50px;

/
DSiteHeaderOverflow / overflow: visible;

/
DSiteHeaderTextAlign / text-align: center;

/
DSiteHeaderFontSize / font-size: 100%;

/
DSiteHeaderFontType / font-family : Verdana;

/
DSiteHeaderBackgroundColor / background-color: transparent;

/
DSiteHeaderTextColor / color: #000066;

}

.divSiteFooter {

/
DSiteFooterWidth / width: 100%;

/
DSiteFooterHeight / height: 10px;

/
DSiteFooterOverflow / overflow: visible;

/
DSiteFooterTextAlign / text-align: center;

/
DSiteFooterFontSize / font-size: 60%;

/
DSiteFooterFontType / font-family : Verdana;

/
DSiteFooterBackgroundColor / background-color: transparent;

/
DSiteFooterTextColor / color: #000066;

}

.divSiteHeader p {

/
TagPSiteHeaderMargin / margin: 0px;

/
TagPSiteHeaderFontSize / font-size: 100%;

/
TagPSiteHeaderFontType / font-family : Verdana;

}

.divSiteFooter p {

/
TagPSiteFooterMargin / margin: 0px;

/
TagPSiteFooterFontSize / font-size: 90%;

/
TagPSiteFooterFontType / font-family : Verdana;

}

p {

/
TagPMargin / margin: 0px;

/
TagPFontSize / font-size: 90%;

/
TagPFontType / font-family : Verdana;

}

td {

/
TagPMargin / margin: 0px;

/
TagPFontSize / font-size: 90%;

/
TagPFontType */ font-family : Verdana;

}

td p {

font-size: 100%

}

















Here we have the header





Create

















<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

<td colspan=“3”> 

ZIP Cocde:  



4200

4500

9999









Here we have the footer













This is known positioning bug in IE, to fix issue, add position:relative style to scrollable DIV

.divColCenter {
/* DColCenterWidth / width: 100%;
/
DColCenterHeight / height: 100px;
/
DColCenterOverflow */ overflow: auto;
    position:relative; //<= this will fix issue

Thanks, now it works