TAutoComplete and IE8

[GoogleCodeExporter]

1.I included a AutoComplete tag in my .tpl page, with the css at the top.
2.it works with all navigators (ff opera safari ie7) NOT WITH IE8
3.with IE8 the autocompletion <li> is far under and left from expected position

how can I position it to the right place ?

prado-3.1.6.r2699 & IE 8.0.6001.18813IC

...

<style type="text/css">

.acomplete {position:relative; z-index: 5; background-color: #EDF5FF;
border: 1px solid #243356; }
.acomplete ul, .acomplete li { margin: 0px; padding: 0px; list-style: none;
color: #333; }
.acomplete li { padding: 4px; border-top: 1px solid #ccc; }
.acomplete .selected { background-color: #ffc; }

</style>

...

<com:TAutoComplete
    ID="NumChrono"
    OnSuggest="suggestNumChrono"
    ResultPanel.CssClass="acomplete"
    Suggestions.DataKeyField="num" >

        <prop:Suggestions.ItemTemplate>
               <li><%# $this->Data['num'] %></li>
        </prop:Suggestions.ItemTemplate>

</com:TAutoComplete>

...

Original issue reported on code.google.com by enoo...@gmail.com on 11 Mar 2010 at 2:18

[GoogleCodeExporter]

Create a container div around the the autocomplete input (and thus the result 
set 
control) and set that div to 'position: relative', and align the result set box 
using 'position: absolute' (which in this case will be relative to the div just 
mentioned). You have to set the result sets 'top' to that of the 'height' of 
the 
autocomplete control, so it will appear right below it. 

Original comment by google...@pcforum.hu on 11 Mar 2010 at 1:53

[GoogleCodeExporter]

Original comment by rojaro@gmail.com on 28 Apr 2011 at 10:55

• Changed state: Invalid