Autocomplete drop down positioning issues in IE6 & IE7

Can someone test/verify this in IE7? It matters a lot to how we approach the solution.

See attached screen shot from IE7

I'll see what I can do. This problem is explained partially in this blog post btw:
http://acko.net/blog/mouse-handling-and-absolute-positions-in-javascript

Subscribing to this, and updating the title.

The latest jQuery version, 1.0.4 has support for pageX and pageY across *all* browsers now, IE included.

http://jquery.com/blog/2006/12/12/jquery-104/

This might help the problem, not to mention with so many nice bugfixes it'll be great to see it in core. I haven't played with it yet but throwing that out there as a possible solution.

Errr no. The jQuery pageX fix is just adding a scroll offset to clientX. It does not help at all, as the problem I had (in the blog entry) was relating these mouse coordinates to element positions. Usually this is accomplished by getting an element's absolute position, which turns out to be a difficult problem (as evidenced in this bug).

Quirksmode has a nice case study:
http://www.quirksmode.org/js/findpos.html

Does it have to be positioned with js, maybe CSS could be used instead? I did a testpage for a similair usercase a while ago, which used CSS to postion a DIV relative an input field: http://perifer.se/test/datepickerCSS.htm

Here is a patch which implements the suggested approach. The div is now placed before the input rather than on the top level, and positioned relative to it instead of absolute.

Tested in Safari, Opera and Firefox. Needs IE6 and 7 testing.

Great improvement, patch completely fixes the problem in IE6.

Fixes the problem in IE 7 as well.

Committed to HEAD, thanks.