[NashChristian]

Originally Posted by Lynne

The gray box isn't an actual separate element - it is the background color of the <li> which is inherited from the <ul> (in .popupbody). The background for your <a> tag is white (.toplinks ul.nouser li.popup a, .toplinks ul.nouser li.popup a:visited) only it isn't 'large' enough to cover the whole <li> which is why you see the gray. Or, the <li> has some left-over padding/margin and is forcing the gray to show up.

So HOW do I fix this only in IE without affecting the other browser displays?

I tried hard-coding:

style="margin:0; padding:0;"

On the parent <ul> in addition to each line of the <li> but it didn't make any difference at all. This seems to only be an issue in IE, but I don't know how to fix it.

Thanks for the help

--------------- Added [DATE]1286041505[/DATE] at [TIME]1286041505[/TIME] ---------------

Originally Posted by Lynne

The gray box isn't an actual separate element - it is the background color of the <li> which is inherited from the <ul> (in .popupbody). The background for your <a> tag is white (.toplinks ul.nouser li.popup a, .toplinks ul.nouser li.popup a:visited) only it isn't 'large' enough to cover the whole <li> which is why you see the gray. Or, the <li> has some left-over padding/margin and is forcing the gray to show up.

I could KISS YOU! THANK YOU LYNNE!

I found this little snippet in my 'vbulletin-chrome' template:

.toplinks ul.isuser .popupbody li {
	display:block;
	float: none;
	clear: none;
	padding:0;
	margin:0;
}

I changed it to this:

.toplinks ul.isuser .popupbody li, .toplinks ul.nouser .popupbody li {
	display:block;
	float: none;
	clear: none;
	padding:0;
	margin:0;
}

It worked like a CHARM!

DANG! That was hard to find!

Thanks for all your help Lynne!

Now I can get back to what I wanted to work on 3 days ago!
Jeff