嵌套内的div添加背景色有关问题

嵌套内的div添加背景色问题
RT..我要给嵌套内的 left 和right分别添加不同的背景色，但是没有效果，为什么呢？
css代码

CSS code

<style type="text/css">body{    margin:auto}    .content{        BORDER: #dbdbdb 1px solid;    TEXT-ALIGN: center;    margin:0px auto;    MARGIN-TOP: 10px;    WIDTH: 928px;    BACKGROUND: #fff;                        }                .content.left{            width:600px;            height:300px;            float::left;            background:green;            overflow:hidden;                        }            .content.right{                width:280px;                float:left;                background:yellow;                background:red;                }</style>

HTML code

<div class="content"><div class="left"><p>test</p></div><div class="right"></div></div>