Basically the problem I am having is I set a background color to the div's but there is white spacing on the top left and right sides. The question is how do I correctly remove these white spaces? Here is my code (I am using the 960 grid system):

Code HTML4Strict:
 <div id="logo">
    <div class="container_12">
        <div class="grid_12">
            Header and logo
        </div>
    </div>
    <div class="clear"></div>
</div>
 
<div id="main">
    <div class="container_12">
        <div class="grid_12">
            <div class="grid_6 alpha">Header text</div>
            <div class="grid_1"></div>
            <div class="grid_5 omega">Button</div>
        </div>
    </div>
            <div class="clear"></div>
</div>
And my css is:

Code CSS:
div#logo {
height: 175px;
background-color: #083d5e;
 
}
 
div#main {
height: 205px;
background-color: #01070b;
}
Thanks in advance!