CodingForums.com - Having a problem with coloring in the hole DIV

Hello,

I'm having trouble with coloring in a DIV. I was googling and I didn't find any solutions that would help me. I have to DIV. 1 DIV is a div to keep the hope web-site centered and the second one is the one which should be at the top and it should be colored in (completely)
This is my code:

HTML:

Code:

<!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>JFM</title>

<link rel="icon"  type="image/ico" href="favicon.ico" />

<link href="css/styles.css" rel="stylesheet" type="text/css" />

</head>



<body>



<div class="whole_site_container">



        <div class="top_blue">

        </div>

        

</div>

</body>

</html>

CSS:

Code:

@charset "utf-8";

/* CSS Document */



#whole_site_container {

        width: 1000px;

        margin-right: auto;

        margin-left: auto;        

}



#top_blue {

        width: 1280px;

        height: 100px;

        background-color: #01A4A4;

}

Thank you :)