Question

So I’m making an auto-complete dropdown list, using javascript. It works fine in IE8+, Chrome, and Firefox, but the alignment is off in IE7.

Here’s how it’s supposed to look, and here’s how it looks in IE7. I’ve uploaded the HTML here.

Any help would be greatly appreciated.

Answer 1

just add left: 0; to .autocomplete_completionListElement — you have an absolute positioning here and IE thinks that it still must be on a line with previous content, so you need to set left to make IE know where the div must be positioned for sure.