ie8 - a link not clickable without text | Adam Pendle Townsville Web Design

ie8 - a link not clickable without text

Posted on July 31, 2009 | Comments | Filed under: css

So i noticed with ie8 only you cannot just simply set a height width and background image for an a tag with a hover and expect it work. however thanks to some research i found on this site that by simply adding “position:relative;” to the a tag sanity is regained.

eg. simple a:link background position move on hover working in ie8


a{
	position:relative;
	width:95px;
	height:42px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	background: white url(/images/button.gif) no-repeat top left;
}
a:hover{
	background-position: 0px -42px;
}