赐教：div+css对浏览器的兼容问题
我目前做了一个asp项目，用的是Dreamweaver，用到了大量div+css，我本机安装的是IE6，我在做项目的过程中，前台显示都是用IE6测试的，可是，当我放到服务器上，用IE7测试的时候，很多地方都乱套了。所以特来请教，有没有办法来调试我的程序，以便在IE7下正常显示。
还有，我在以后的开发中，应该选择什么样的开发工具和测试工具，才能让程序更好的兼容呢，请大家尽情发言，谢谢

------解决方案--------------------
首先，推荐你下个IETESTER 有各版本的浏览器， DIV+CSS是靠练出来的 写多了 你就明白其中的感觉了，写CSS是感觉，最好别用position 因为每个人对自己屏幕设置的分辨率都是不一样的```布局就去看看盒子模型就好了
------解决方案--------------------

探讨

首先，推荐你下个IETESTER 有各版本的浏览器， DIV+CSS是靠练出来的 写多了 你就明白其中的感觉了，写CSS是感觉，最好别用position 因为每个人对自己屏幕设置的分辨率都是不一样的```布局就去看看盒子模型就好了

------解决方案--------------------

探讨

首先，推荐你下个IETESTER 有各版本的浏览器， DIV+CSS是靠练出来的 写多了 你就明白其中的感觉了，写CSS是感觉，最好别用position 因为每个人对自己屏幕设置的分辨率都是不一样的```布局就去看看盒子模型就好了

------解决方案--------------------
这个重来都是一个头痛的问题，不好解决，你只能通过装多个浏览器来调试，ie6和ie7对html的解释方式差别很大，所以问题也很多。
就我的经验来看，你在写html的时候最好注意容器的宽度，我记得在ie6里面 ，div的设定宽度=内容宽度+border宽度，而在ie7里面，div宽度=内容宽度（这个忘了具体是不是这样的了，不过ie6里border的解释方式和ie7里面是肯定有差别的）。另外，要把握好div的实际显示宽度，它和你设定的宽度是不一样的，就html标准而言，div的显示宽度=border+padding+width(你的设定宽度)，同时还要注意div之间的margin。
应该说主要问题就在上面说的那里，至于其它的，什么背景，字体什么的调试一下应该都好解决。
------解决方案--------------------
1.***ie6对margin-left超级不友好，用padding－left
2.**自己检查你得border+ padding +margin+width=是你想要的宽度
3.*如果你用了ul，好好调整pading, margin
4.*试着css用：!import
5.ie6只支持a:hover,别的标签不支持
6.*****推荐工具：firefox +firebug(很好的css，html查看器，可以设置js断点，调试js，查看Ajax)
7.推荐工具：firefox +HTML Validator(告诉你网页是否符合W3C，那里的html标签没有闭合，那个标签提前结束了)

------解决方案--------------------
写属性的时候
专为ie6写一个属性前面加下画线_
如有css

txt{height:10px;height:_20px}
这样第一个height:10为ie7的高
_height:20为ie6的高

------解决方案--------------------
W3C CSS3

box-sizing: content-box|border-box

IE6 不支持content-box
IE7，8，9（或许支持）但默认值是border-box
FF 默认content-box,但有BUG，其table元素默认值仍为border-box.官网上的说明是错的。