css inline block兼容

有时候处理同一行内的类似小按钮的图标需要设背景的时候，用float处理容易影响后面文字的排版，而且本着no float精神，用inline-block替代应该是不错的方法，然而IE并不真正支持该属性，不过可以通过一些技巧解决。

1.对于 行内元素（如a span等）直接设置 -moz-inline-stack;// 解决ff2.0不支持inline-block的问题; display:inline-block(ie虽不支持,但此举可触发IE的layout属性，形成inline-block表症);即可实现效果，兼容IE FF等；
2.对于 块级元素（如DIV P等）可针对浏览器分别设置，对于标准浏览器设置display:inline-block;即可，对于IE则可以设置display:inline; zoom:1;模拟inline-block效果；

完整style代码： { -moz-inline-stack;//解决ff2.0不支持inline-block的问题; display:inline-block; *display:inline; *zoom:1;(zoom:1是为了触发ie的layout属性)}

//FF2.0注意事项(呃,ff2.0问题多多)：

1、设置了 -moz-inline-stack;属性的FF2.0因不支持line-height属性，可通过设置padding-top来实现文字居中的效果。

2、 设置了 -moz-inline-stack ,再设置position:relative;的容器，似乎其子元素想根据其进行绝对定位时，会出现异常，尚未发现解决方案。

3、 设置了 -moz-inline-stack属性的容器，如果其外围元素display:inline;就有可能会导致其内部链接不可点击，解决办法：给元素添加position:relative;属性。

4、 设置了 -moz-inline-stack属性的容器(如li)，其内部所有元素须用<div>包起来，否则会出现异常。