ie8 – a link not clickable without text
This entry was posted on Jul 31 2009
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;
}