when the 'outerdiv' in example code scrolled,the float selectitem list of comboBox and suggestionbox will not follow it's inputText

example code:

<div id="outerdiv" style="height:200px;width:200px;overflow-y:auto">
 <div style="height:150px"></div>
 <rich:comboBox id="combox" suggestionValues="#{firstTestBean.items}"
 directInputSuggestions="true" value="#{firstTestBean.name}" defaultLabel="Enter some value" >
 </rich:comboBox>
 <br/>
 <h:inputText value="" id="suggest" styleClass="tooltipData" />
 <rich:suggestionbox id="suggestionBoxId" popupClass="suggestBox" for="suggest" tokens=","
 rules="#{suggestionBox.rules}"
 suggestionAction="#{firstTestBean.autocomplete}" var="result"
 fetchValue="#{result}"
 minChars="2"
 width="220"
 height="#{firstTestBean.divHeight}"
 border="1"
 nothingLabel="No capitals found" >
 <h:column>
 <h:outputText value="#{result}" />
 </h:column>
 </rich:suggestionbox>
 <div style="height:250px"></div>
</div>