IE兼容问题

使IE5,IE6兼容到IE7模式（推荐）

     <!--[if lt IE 7]>

<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>

<![endif]-->

使IE5,IE6,IE7兼容到IE8模式

       <!--[if lt IE 8>

      <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>

      <![endif]-->

使IE5,IE6,IE7,IE8兼容到IE9模式

     <!--[if lt IE 9>

     <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

      <![endif]-->

降级IE版本为7.0

<meta http-equiv="X-UA-ompatible" content="IE=EmulateIE7" />

另外;

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

        1.ie 下overflow:hidden对其下的绝对层position:absolute或者相对层 position:relative无效。解决方案：给overflow:hidden加position:relative或者position: absolute。另，ie6支持overflow-x或者overflow-y的特性，ie7、ff不支持。

        2.ie6下严重的bug，float元素如没定义宽度，内部如有div定义了height或zoom:1，这个div就会占满一整行，即使你给了宽度。float元素如果作为布局用或复杂的容器，都要给个宽度的。

        3.ie6下的bug，绝对定位的div下包含相对定位的div，如果给内层相对定位的div高度height具体值，内层相对层将具有100%的width值，外层绝对层将被撑大。解决方案给内层相对层float属性。

        4.width:100%这个东西在ie里用很方便，会向上逐层搜索width值，忽视浮动层的影响，ff下搜索至浮动层结束，如此，只能给中间的所有浮动层加width:100%才行，累啊。opera这点倒学乖了跟了ie。

        5.clear层应该单独使用。也许你为了节省代码把clear属性直接放到下面的一个内容层，这样有问题，不仅仅是ff和op下失去margin效果，ie下某些margin值也会失效

      <div style=”background:red;float:left;”></div>

      <div style=”clear:both;margin-top:18px;background:green”>ff</div>