title: Autocomplete list not aligned properly under selectInputText
body: <p>I have a <code>selectInputText</code> in my jsf <code>&lt;ice:panelPopup</code> page which gets invoked upon clicking a button. </p>
  
  <p>Issue I am facing is selectInputText has autocomplete list and the list is getting displayed in the right bottom corner of my jsf page. How can I make the autocomplete list displayed just below the selectInputText. Below is the screenshot of my selectInputText
  You can see my list getting appeared in the right bottom corner, I have greyed out the list values though.</p>
  
  <p>Regards</p>
  
  <p><a href="https://i.stack.imgur.com/q1BH6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q1BH6.png" alt=""></a>
  </p>
  
  <p>Code in my jspx </p>
  
  <pre><code>&lt;h:panelGrid id="popupBody2" width="100%" cellpadding="0" cellspacing="0" column="1"&gt;
                  &lt;ice:form id="frm"&gt;                                        
                   &lt;tr&gt;
  &lt;td&gt;
                          &lt;h:outputText value="Select City" /&gt;                        
                            &lt;ice:selectInputText rows="10" width="300"
                          listVar="city"
                          valueChangeListener="#{bean.method}"
                          listValue="#{bean.list}"&gt;
                           &lt;f:facet name="selectInputText"&gt;
                     &lt;ice:panelGrid columns="3" columnClasses="cityCol"&gt;
                           &lt;ice:outputText value="#city.state}"/&gt;                           
                     &lt;/ice:panelGrid&gt;
    &lt;/f:facet&gt;
            &lt;/ice:selectInputText&gt;           
                      &lt;ice:panelGrid columns="2"&gt;                        
                          &lt;ice:outputText id="country" 
                                        visible="false"  value="#{bean.currentCity.country}"/&gt;                       
                      &lt;/ice:panelGrid&gt;
  </code></pre>
  
  <p><em>update 1</em></p>
  
  <pre><code>&lt;f:view xmlns:h="http://java.sun.com/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:ice="http://www.icesoft.com/icefaces/component"
          xmlns:t="http://myfaces.apache.org/tomahawk"&gt;
          &lt;ice:outputDeclaration doctypeRoot="HTML"
                  doctypePublic="-//W3C//DTD HTML 4.01 Transitional//EN"
                  doctypeSystem="http://www.w3.org/TR/html4/loose.dtd" /&gt;              
          &lt;html&gt;
          &lt;head&gt;
  
          &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;&lt;/meta&gt;
          &lt;title&gt;Employees List&lt;/title&gt;
          &lt;link rel='stylesheet' type='text/css' href='./xmlhttp/css/xp/xp.css' /&gt;
          &lt;/head&gt;
  </code></pre>
  
  <p><em>Update 2</em></p>
  
  <p><a href="https://i.stack.imgur.com/CzMTn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CzMTn.png" alt="a"></a>
  </p>