In IE6, the autosuggest for name and email, is behind the select (drop-down list) elements. This is because of a bug in the way that IE renders form elements. The solution was pretty straightforward.
In /scp/js/bsn.autosuggest_2.1.3.js
if (arr.length == 0 && this.oP.shownoresults)
{
var li = _b.DOM.cE( "li", {className:"as_warning"}, this.oP.noresults );
ul.appendChild( li );
}
// Change to fix Autosuggest over select in IE6
// J. Pastin 09-09-09
var mask = _b.DOM.cE("div", {});
mask.innerHTML="><iframe class=\"mask\"></iframe><"
div.appendChild( mask );
// End Changes
div.appendChild( ul );
// get position of target textfield
// position holding div below it
// set width of holding div to width of field
//
var pos = _b.DOM.getPos(this.fld);
And in /scp/css/autosuggest_inquisitor.css
div.autosuggest
{
position: absolute;
margin-top;
padding: 5px 0 5px 0;
background: #D8EAFF;
border: solid 1px #55A6C8;
/* Change to fix autosuggest over select
J. Pastin 09-09-09*/
z-index: 10;
overflow: hidden;
width: 300px;
/* End Changes */
}
and
div.autosuggest ul em
{
font-style: normal;
color: #000;
font-weight: bold;
}
/* Change to fix autosuggest over select
J. Pastin 09-09-09*/
.mask
{
position: absolute;
top: 0;
left: 0;
filter: mask();
width: 3000px;
height: 3000px;
z-index: -1;
}
/* End Changes */