在CSS（层叠样式表）开发中，跨浏览器兼容性是一项关键挑战，因为不同的浏览器对CSS规范的实现可能存在差异。以下是一些常见的CSS错误及其解决办法，特别关注IE6、Firefox和其他浏览器之间的区别：
1. **背景颜色的区别**：
- IE6与Firefox的背景颜色可以通过添加特定的前缀来区分，例如`background:orange;*background:blue;`。这里的`*`前缀是IE6和IE7识别的私有属性，用于覆盖标准CSS声明。
2. **浏览器关键字支持**：
- 在CSS中，可以使用`!important`来优先处理某些样式，这在Firefox和IE7中都是有效的。然而，IE6只识别`*`前缀，而IE7则还支持`_`和`*+`前缀。
3. **条件注释**：
- IE特有的条件注释可以用来针对不同版本的IE加载不同的CSS文件，例如`<!--[if IE 7]>`和`<!--[if lte IE 6]>`。
4. **实际像素解释**：
- 不同浏览器对元素的实际宽度计算方式不同，例如IE/Opera和Firefox/Mozilla的计算方式存在差异，这可能影响布局。
5. **鼠标手势**：
- Firefox不支持`cursor:hand`，但支持`cursor:pointer`，而IE两者都支持。为确保兼容性，应使用`cursor:pointer`。
6. **Style属性与单位**：
- 在Firefox中，设置HTML元素的Style属性时，尺寸值需要添加`px`单位，如`Obj.Style.Height = imgObj.Style.Height + 'px';`
7. **简写属性**：
- Firefox不支持像`padding:5px 4px 3px 1px`这样的简写，需要分别指定每个方向的值。
8. **消除列表缩进**：
- 清除`ul`、`ol`的缩进，需要同时设置`list-style:none`、`margin:0px`和`padding:0px`，其中`margin`对IE生效，`padding`对Firefox生效。
9. **透明度控制**：
- IE使用`filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);`，而Firefox使用`opacity:0.6;`来控制透明度。
10. **圆角**：
- Firefox通过`-moz-border-radius`实现圆角，而IE不支持。可以使用`-moz-border-radius-topleft`等单独设置各个角落。
11. **双线凹凸边框**：
- IE使用`border:2px outset;`来创建双线边框，而Firefox通过`-moz-border-colors`实现类似效果。
12. **自定义光标和滚动条**：
- IE支持`cursor:url()`来自定义光标样式，以及通过CSS调整滚动条颜色风格；Firefox也有相应的非标准属性，如`-moz-scrollbar`。
以上技巧和解决方案帮助开发者在编写CSS时考虑浏览器兼容性，确保网站在不同浏览器上呈现一致的视觉效果和用户体验。在实际开发中，建议使用预处理器如Sass或Less，它们提供变量和混合功能，便于管理这些浏览器前缀和差异。同时，使用自动化工具如Autoprefixer自动添加浏览器前缀，可以大大简化工作流程。
