背景色が表示されない＞＜
下記のように設定していますが、背景色が表示されません。
解決方はありますでしょうか？
【html】
<div id="header">
<div id="h_contents">
<div id="h_left_pr">
ｄｄｄx
</div><!-- h_left_pr -->
<div id="h_wrapper">
<div id="right_top_area">
テキストリンクエリア
</div><!-- right_top_area -->
<div id="h_main_box">
<div id="h_main_left">
ロゴエリア
</div><!-- h_main_left -->
<div id="h_main_right">
<div id="h_search_area">
サーチエリア
</div><!-- h_search_area -->
<div id="h_map_area">
マップエリア
</div><!-- h_map_area -->
</div><!-- h_main_right -->
</div><!-- h_main_box -->
</div><!-- h_wrapper -->
</div><!-- h_contents -->
<div style="clear:both "></div>
</div><!-- header -->
【css】
#header{
width:100%;
background-color:black;
}
#h_contents{
width:1240px;
margin:0 auto;
}
#h_left_pr{
float:left;
width:120px;
background-color:red;
}
#h_wrapper{
float:right;
width:1000px;
margin:0 120px 0 0;
padding:0;
background-color:blue;
}
#h_wrapper{
>margin:0 60px 0 0;
}
#right_top_area{
clear:both;
float:right;
background-color:green;
width:350px;
}
#h_main_box{
clear:both;
background-color:yellow;
}
#h_main_left{
float:left;
width:200px;
background-color:purple;
}
#h_main_right{
float:right;
width:800px;
background-color:orange;
}
#h_search_area{
clear:both;
float:left;
width:500px;
background-color:gray;
}
#h_map_area{
float:right;
width:300px;
background-color:darkblue;
}
