我做了一个下面的布局样式，不知道为什么背景色不能衬到 左浮动的aaa 下面？请哪位高手帮忙看一下！谢谢！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body { margin:0; padding:0; }
.body { widht:1003px; }
.menu { background:#000; }
.fl { float:left }
.fr { float:right }
</style>
</head>
<body>
<div class="body">
<div class="menu">
<div class="fl"><a href="#">aaa</a></div>
<div class="fr"><a href="#">bbb</a></div>
<div style="clear:both"></div>
</div>
</div>
</body>
</html>
正确应该是什么样子的？
我想做的，是黑色背景上，左边有点字，右边有点字，现在的效果是左边的字，没有在黑色的背景上。
我测试的有背景啊，ie8,ff3.6,chrome,safari,opera都有啊
有背景的。不知道你那是什么浏览器
额,测试了ie6,结果没背景,想请问一下,在浮动层的后面加一个空白的div层不是可以清除浮动的吗?为什么这里就不行了呢?<
