??????????bug?б??
????IE6?￡????鼶???   margin??float????????margin????  ???? .box{float:left;margin-left:10px;}??IE6?±????margin-left??20px???????????????display:inline;  ????????margin????bug????????????
????img????????????±??п?? ??y????  img{vertical-align:top;}????????????????? ??????  img????±?????????
????img?????ie??????????????  ??y???? img{border:0 none;}   ???2??3?????????bug?????????????????????? img{bordr:0 none;vertical-align:top; }
??????????????????ó?display:inline-block;????????п?? ??????????????font-size:0;???????????????????????????С
?????鼶???????display:inline-block;??IE6/7?2?????????   *display: inline;*zoom: 1;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>inline-block</title>
<link rel="stylesheet" type="text/css" href="../css/css.css"/>
<style type="text/css">
.span1??.span2??.div1??.div2{display: inline-block; width: 100px; height: 100px;}
.span1??.div2{ background: blue; }
.span2??.div1{background: red;}
.div1??.div2{*display: inline;*zoom: 1;}
/**display: inline;*zoom: 1;*/
</style>
</head>
<body>
<div class="box">
<span class="span1">span1</span>
<span class="span2">span2</span>
<div class="div1">
div1
</div>
<div class="div2">
div2
</div>
</div>
<div>
?????鼶????display:inline-block IE6/7 ??????????? *display:inline;*zoom:1;
????</div>
????</body>
????</html>
????IE6?????min-height(max-height)?????????? .box{min-height:100px;_height:100px;}?? ????????????????overflow????hidden?????????min-heightЧ?????Ч
????IE6?￡?????????????????????????????3?????Bug????? ?????????==
????ul li a ?б????????a??display:block??a????li???????????????? IE6??li?????м????????a????height????????zoom:1;????IE?μ?hasLayout
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{margin: 0; padding: 0;}
ul??ol{list-style: none;}
li a{background: blue; display: block;height: 30px; }
</style>
</head>
<ul>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
<li><a href="#">99</a></li>
</ul>
<body>
</body>
</html>
?????α????cursor  cursor: pointer ???????? IE FF ??????α???????cursor:hand; ?? IE????Ч????????css??????????????????cursor:pointer;
????????????????????table???????div?У????table???????????div??????????table{width:;}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>???</title>
<link rel="stylesheet" type="text/css" href="../css/css.css"/>
<style type="text/css">
.tab_cont table{width: ;}
.tab_cont th??.tab_cont td{border: 1px solid #ccc;padding: 5px 0;}
.tab_cont tr{ text-align: center;}
h1??p{text-align: center; font-weight: bold;color: red;}
tr:hover{background: #666; color: #fff;}
.gray{background: #F8F8F8;}
thead tr{background: #999; color: #fff;}
</style>
</head>
<body>
<h1>????????????</h1>
<div class="layout tab_cont">
<table>
<thead>
<tr><th>Header</th><th>Header</th><th>Header</th><th>Header</th></tr>
</thead>
<tr class="gray"><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr class="gray"><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr class="gray"><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr class="gray"><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
<tr class="gray"><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
</table>
</div>
<div>
<p>????????table??width:??table??????div???????ò??????</p>
<p>????????padding??Ч????margin??Ч</p>
</div>
</body>
</html>
??????zoom:1;????IE6??????????????????????????zoom:1 ?????????ie6??hasLayout??????????????????????????
????CSS????Hackд??
????1??IE6?????
????.demo {_color: red;}
????2??IE6-7????????
????.demo {*color: red;}
????3?????????????IE6?????
????.demo {color/**/:red;}
????4??IE6-9?????
????.demo {color: red9;}
????5??IE7-8?????
????.demo {color/***/:red9;}