IE6下CSS奇怪的问题 新手求教

CSS code:

#main
{
width:1080px;
height:361px;
margin:0 auto;
background-color:#33FF33;
}
#left
{
width:249px;
height:361px;
float:left;
margin:0px 0px 0px 54px;
background-color:#0033CC;
}
#middle
{
width:213px;
height:361px;
float:left;
margin:0;
background-color:#FF6633;
}
#right
{
width:234px;
height:361px;
float:left;
margin:0;
background-color:#990099;
}
#case
{
width:278px;
height:361px;
float:left;
margin:0;
background-color:#666633;
}


left middle right case 都嵌套在main里面 4个层的宽度加起来没有超过1080 结果case在IE6下面竟然换行显示了 在Firefox里面则正常 这个问题怎么解决呢？

---

把宽度搞小点

---

引用

把宽度搞小点

不能调小啊 我按PSD画的 要100%还原啊

---

引用

IE 6的双倍边距BUG，可以改用padding

问题解决了 O(∩_∩)O谢谢cs5276

---

浮动的层加上display:inline

---

顶3楼

在IE6下有这样一个bug ,当你控制一个元素向左浮动,并且同时设置了margin-left 则这个margin会加倍,向右同理
一个简单的解决办法就是改用padding

---

网站美工加群23171372

---

IE6其实还有个3像素的bug的