CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。
1、DOCTYPE 影响 CSS 处理
2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
5、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式，值得注意的是，一定要将xxxx !important 这句放置在另一句之上
怎么样弹出与图片同样大小的窗口？ 在论坛上问过这个问题的不在少数，以前可以用无边窗口，自从IE6.0的SP1出现以后无边窗口成了coder唾骂M$的又一理由，扯远了，收回。在实现这个其实并不复杂，主要思路是用window.open()方法打开一个窗口，然后再根据图片的大小resizeTo()窗口大小，必要时再用moveTo()方法调整窗口位置。现在问题在于如何获取图片的大小。 方法一。我们知道，DHTML里有个Image()对象，只要设置图片源src后就可以用obj.width和obj.height获取图片的宽和高，这两个数据有了之后就可以给window.open()里控制窗口大小的参数一个定值了，不过要注意，要把窗口边框、标题栏高度计算在内。具体实现过程和方法参考这里：http://www.blueidea.com/tech/program/2003/104.asp 方法二。如果你稍微细心一点，应该会发现，当不指定图片的大小时，图片默认显示原始大小，这时用obj.width和obj.height取到的也是图片的宽和高的真实值。所以可以先用window.open()方法打开一个空窗口，再以流方式给窗口写入调用图片的代码，在图片加载完后有个onload方法，用它触发resizeTo()改变窗口大小。