解决div无法自动撑开的css：

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

css细虚线
border-bottom:1px dotted buttonface;

border-color:red;

ie6,7,8 以及ff 的css bug解决方法

#someNode
{
    position: fixed;
   >position: fixed;
   _position: fixed;
    position: fixed\9;
}


>符号为 ie6，7通用
_符号为 ie6 独用
\9  ie8 独用，后置

IE6,7,8和ff对 width padding border的解释都是一样的。
width 就是内容宽度；
整个模型的宽度= 内容宽度（width）+ padding + border

ie5.5 例外：
整个模型的宽度= width + border
width = 内容宽度 + padding

所有浏览器对margin的解释都一样。 不计入任何宽度。


height和width同理！

测试代码：
<div style="width:100px; padding:50px;  background:#000; height:100px; border:20px solid #900; margin:20px;"></div>

外框 position：relative；
内框 position：absolute；

当外框有padding的时候，top，left的位置：
ff从padding的里面开始算
ie从padding的外面开始算

button滑动门：

button.continue-shopping{ background:transparent url(../images/icons.gif) repeat scroll 0 -187px;
border:0;
height:18px;
padding-left:10px;
cursor:pointer;
overflow:visible;/*important for ie6*/
float:left/*sometims for ie*/
width:auto;}

button.continue-shopping span{ background:transparent url(../images/icons.gif) repeat scroll right -187px;
color:#FFFFFF;
display:block;
font-weight:normal;
height:18px;
line-height:18px;
padding:0 10px 0 0;
position:relative;
right:-3px;/*important for ff*/
top:-1px;/*important for ff*/
>right:0;
>top:0;
white-space:nowrap;
}

ul > ul
表示ul里面的第一级ul （ie7，ff适用）
ul  ul
表示ul下面所有的ul