Try this out in IE 6 or 7

The HTML

		<a class="one" href="#">This link hovers</a>
		<a class="two" href="#">This link doesn't</a>
		<a class="three hidetext" href="#">Negative text-indent</a>
		<a class="four spacergif" href="#">Spacer.gif BG</a>
		<a class="five spacergif hidetext" href="#">Spacer w/ negative text-indent</a>
	

The CSS

		a {display:block; position:absolute; top:20px; left:20px;
			padding:10px; width:100px; height:150px;
			border:1px solid #555; color:#fff;
		}
		a:hover {background:#94a2af;}

		.one {background:#1a2024;}
		.two {left:170px;}
		.three {left:320px;}
		.four {left:470px;}
		.five {left:620px;}
		.hidetext {text-indent:-9999px}
		.spacergif {background:url(spacer.gif);}