asp.net初学界面布局的疑惑一问，求各位大大帮忙
上代码先
<div id="k">
  <div id="k1">
  </div>
  <div id="k2">
  </div>
  <div id="k3">
  </div>
</div>
对应css是
#k
{
  width:1000px;
  height:1000px;
}

#k1
{
  float:left;
  width:200px;
  height:80px;
  border-style:solid;
  border-color:Black;
  border-width:1px;
}

#k2
{
  width:200px;
  height:100px;
  border-style:solid;
  border-color:Black;
  border-width:1px;
}

#k3
{
  width:300px;
  height:200px;
  border-style:solid;
  border-color:Black;
  border-width:1px;
}
VS2010里界面上这么呈现
 
而实际运行后浏览器里的效果是

 
所以这就是很头疼的地方，我不能在IDE里所见即所得。如果说非要用dreamweaver写完搬过来，那服务器控件怎么办，又不能在dw里弄，这就是很矛盾的地方。

我想问问设计界面时是怎么处理这种排版布局上的问题，做到所见即所得的。


------解决方案--------------------
vs是无法兼容所有浏览器的。

但是vs如果连ie自己的都不兼容，我们也就可以看出vs开发团队最近几年是干什么吃的了（这会得罪很多中国人，因为这个开发团队中大多数代码民工都在上海）。
------解决方案--------------------
工具里面所呈现的效果与实际浏览效果有很大区别，特别是你用DIV来布局的时候。
------解决方案--------------------
如果页面代码比较负责的话，可以在DW调试好
然后再移植到VS中，再将需要转换的控件替换掉！！