xProteuSx Posted February 3, 2012 Share Posted February 3, 2012 OK, so I've read up on this on Google, but haven't found a solution ... As it turns out, if you have an image link within a div, Internet Explorer (blah! I think I'm going to be sick!) actually puts the image behind the div or rearranges the stacking order in some fashion (F U Microsoft!) and makes the link un-clickable. The DIV looks something like this: <div style="width: 250px; background-color: #2ebfe7; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; float: left; margin: 0px 10px 10px 60px; text-align: left; padding: 8px; clear: both;"> <p class="white">Add chores from the community chores database (universal list of chores) to your childs chore chart.</p> <center><br /><a href="chores_uni.html?childid=999&fname=Bob"><input type="image" src="images/btn_next_blue.png" style="margin-bottom: 10px;" /></a></br></br></center> </div> Ofcourse, this code works in ALL other browsers (Firefox, Chrome, Safari, Opera, etc.). Does anyone have a solution for this? I'm not familiar with z-index, if that's a solution at all, but I tried playing with it and could not figure this out! Thanks in advance. Quote Link to comment Share on other sites More sharing options...
xProteuSx Posted February 3, 2012 Author Share Posted February 3, 2012 ZOMG! I should have used <img src="" ... instead of <input type="" ... cuz there was no form! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.