[eclipsed4utoo]

So I am using the AJAX AutoCompleteExtender to do my autocompletion. This works fine. However, the displaying of the list is off in IE8. If I turn on "Compatibility Mode", then it works fine.

Is this an issue with the CSS, IE8, or what?

Here is the CSS:

.AutoCompleteListElement
{
    visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'pointer';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

here is what it looks like in IE8


here is what it looks like in Compatibility Mode(which is correct)


Here is what it looks like in Firefox and Chrome


Any ideas?

This post has been edited by eclipsed4utoo: 01 February 2010 - 08:33 AM

[BetaWar]

You could try manually setting the width of the element. That should tell all browsers to have it the same size (though there are differences at least between IE and FF on how wide a pixel is, but that isn't a terrible issue). If you try setting the width to the same as the text input's width it should look optimal in IE... in theory.

Hope that helps.

[eclipsed4utoo]

BetaWar, on 1 Feb, 2010 - 11:51 AM, said:

You could try manually setting the width of the element. That should tell all browsers to have it the same size (though there are differences at least between IE and FF on how wide a pixel is, but that isn't a terrible issue). If you try setting the width to the same as the text input's width it should look optimal in IE... in theory.

Hope that helps.

I tried that, and it did change the size, but there is still that huge white space to the left of the text. No idea how to get that to go away.

[eclipsed4utoo]

well I figured it out. I was missing a few other CSS labels from the sample.