pro19CEARGYHYDAY
New Member
I have searched and searched and tried many of options to fix this "bug", and I cannot get it to work. I have a div that has a background image that is half-way hidden behind the wrapper. On hover, it animates towards the top. The link is inside an absolute positioned div, and has no text. On IE there is no "pointer", therefore making the link un-clickable. This works in Chrome/FF.I've tried:[*]border-right 1px transparent (this i actually can get a "pointer"on the far right, but it's so small[*]background: url(/images/transparent.gif) 0 0 repeat; (yes i made a 1x1px trans image)[*]put another div inside the anchor that has the background image [*]z-index: 0 or 1 or 2I would like the CSS/HTML fix for this, not javascript. Thanks so much!CSS\[code\]#wrapper{width: 950px;margin: 60px auto 40px;background-color: #fff;position:relative;}.login-btn{background: url(/images/btn-sprite.png) no-repeat 0 -48px;height: 34px;width: 98px;}#login-btn{position:absolute;top:-15px;right:20px;z-index:-1;}#login-btn a{display:block; width: inherit; height: inherit; background-image: url(/images/transparent.gif) 0 0 repeat; }\[/code\]HTML\[code\] <div id="wrapper" class="round"> <div id="login-btn" class="login-btn"> <a href="http://stackoverflow.com/questions/13873363/#"> </a> </div> ..... .....\[/code\]