The site is here. I’ve spent 3 days making it compatible with IE so I guess its time to ask for help.
Here are the three important major discrepancies between IE and other browsers such as Chrome, Firefox and Opera:
- IE8 navigation buttons on the right most does not have a shadow (FIXED)
- IE8, IE9 :active styles are not working; I’m informed that it will not work in IE7.
- IE9 drop shadow for triangle not showing up (FIXED)
Please let me know any changes in css code that will help address these issues. I don’t have plans to support IE 6.
@UrBestFriend: Changing
position: relativetoposition: absolutefor.nav_shadow {}fixes the issue for me in IE8.To fix
vertical-align: middlenot working on.box_abilities p {}for me in IE7, I just addedmargin-top: 55px;to make it position more or less in the centre of the container.