CSS codes not working as expected for Internet Explorer

 

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: relative to position: absolute for .nav_shadow {} fixes the issue for me in IE8.

    To fix vertical-align: middle not working on .box_abilities p {} for me in IE7, I just added margin-top: 55px; to make it position more or less in the centre of the container.

    链接地址: http://www.djcxy.com/p/36518.html

    上一篇: 来自SQL的流式HTML不会在IE9中显示图像

    下一篇: CSS代码无法按预期的方式工作于Internet Explorer