css一招解决不同浏览器页面错位

用CSS+div来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对css的解释不统一，造成不同浏览器下页面错位的现象十分常见……
页面乱的原因是因为ie6认为一个div超宽了，所以把本应float;right的div挤了下去。而如果设置为ie6下显示正常的宽度，则在ie7和firefox下看页面就会少了一块一样，也很别扭…. 
怎么办？用css hack 来改写css代码

改写前：xxx. yyy:{width:600px;} (当设为ie7和firefox下显示正常的600px时，ie6下会错位，改为590px，则ie6下正常，ie7和firefox下显示不完美)
改写后： xxx. yyy{width:600px;* width:600px;_ width:590px;}
（firefox不认识*和_，而ie都认识*，ie7不支持_，ie6支持_）
顺序千万不要乱，因为当出现重复定义时，浏览器默认按最后一下渲染，所以一定要先正常，再*，最后_。
这样firefox读取时只看到了正常的定义，而ie都能看到第二个*的定义，于是忽略第一个正常的定义，而ie中因为ie7不再支持_，所以按照第一个带*号的执行，ie6支持_，所以认为带*后的也是重复定义，予以忽略，执行最后一个定义。

有人喜欢用!important来进行css hack，但我觉得!important写起来太长了，不如*和_简单直观。

只要记住ie7=*，ie6=_，然后按照先firefox后ie7，最后ie6的顺序进行编写，一般就可以保证大部分用户浏览正常了。