Weird happenings with font changer.

[platinum]

alright - just a small 'thing' which is bugging me

www.gavinbenda.com - have a look at it in IE6 and click on the 'font changer' (top right).

Can anyone shed some light on that!? It seems to get the background image set to my <li> and shift into all sorts of weird positions

[martin³]

The problem is in your CSS:

.menu a:link, .menu a:visited, a:active {
	font-size: 10px;
	padding: 4px 10px 3px 25px;
	float: left;
	background: url('images/tab.gif') no-repeat;
	text-decoration: none;
}

See that you don't have ".menu" in front of "a:active"? This way it also applies to the links of your fontchange div after being clicked.
I assume IE is setting it active after being clicked, while mozilla doesn't.

Just change the CSS to:

.menu a:link, .menu a:visited, .menu a:active {
	font-size: 10px;
	padding: 4px 10px 3px 25px;
	float: left;
	background: url('images/tab.gif') no-repeat;
	text-decoration: none;
}

[platinum]

Wow - nice pickup!

Thanks Martin.