请转到：http://jlecologia.com/page1c.html查看问题
顶部框看起来不错，但在IE6中有双 顶部和底部边框。
有人能指出我做错了吗？或者任何人都可以告诉我一个javascript圆形框，它接受用不相等的边框来做这个效果。我测试了一些它们都失败了，所以我已经完成了图片圆框但我更喜欢jQuery javascript方法。
答案 0 :(得分：2)
看一下JQuery的round corner plugin here是一个演示
答案 1 :(得分：1)
要使背景图像重复的背景图像的默认值。
尝试：背景：透明网址（../ images / roundbox-top.jpg）0 0不重复;
在评论后编辑以提供完整的解决方案：
如果css中指定的高度小于font-size，IE6会将空div的高度设置为您的font-size。
在#roundbox .top和#roundbox .bottom上，输入
font-size:0;
line-height:0;
这会将div折叠到正确的高度。
答案 2 :(得分：1)
除了您对底部边框所做的更改之外，将类“top”的元素的字体大小设置为7px会将其修复为我的IE6。
答案 3 :(得分：0)
尝试使用Firefox中的Web开发人员工具栏来验证CSS和HTML。我做了一个快速检查，每个都有多个错误。我怀疑，渲染差异是因为IE不能处理格式错误的内容以及FF。特别是，即使CSS文件中的小错误也会在IE中滚雪球，并且会破坏其他良好的布局。不确定IE7和IE8在这方面是否有任何改进。