Background color issue

HTML & CSS
1

I am having a issue with background color in my aside2 container. I have changed it to white. But I keep getting a gray background in it.

Here is my code:


<!DOCTYPE html>
<html lang="en" class="no-js">


<head>

	<meta charset="utf-8">
	
	<title>UAW 1002 Middleville, Michigan 49333 </title>
    <meta name="description" content="Bulldog ." >
    <meta name="keywords" content="custom web design, web design,  " >
	
	<link rel="stylesheet" href="styles.css" media="all">
    
    <script src="js/modernizr-1.7.min.js"></script>
	
	
	

</head>
<div id="wrapper">
<body>

<header><div id="logo"><img src="l_uawLogo.jpg" id="logo1" alt="United Auto Workers(UAW) Local 1002 Middleville, Michigan" title="United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div>
<div id="socialmedia">social media<div id="facebook"><img src="facebook.jpg" id="facebook"  alt=" FACEBOOK United Auto Workers(UAW) Local 1002 Middleville, Michigan" title=" FACEBOOK United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div><div id="youtube"><img src="youtube.jpg" id="youtube" alt=" YOUTUBE United Auto Workers(UAW) Local 1002 Middleville, Michigan" title=" YOUTUBE United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div></div>
<nav>nav</nav>
	

</header>
<aside>
<div id="uawtoday" title=" Click UAW Today">UAW Today</div>
<div id="uawhistory">UAW History</div>
<div id="history">Local 1002 History</div>
<div id="community">Community</div>
</aside>

<div id="header2" ><img src="uaw9.jpg" id="header2pic" width="495px" height="275px" alt="United Auto Workers(UAW) Local 1002 Middleville, Michigan" title="United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div>

<div id="aside2">
<div id="calenderheading">calenderheading</div>
<div id="calendertext"><iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;height=190&amp;wkst=1&amp;bgcolor=%23ffffff&amp;ctz=Pacific%2FMidway" style=" border:solid 0px #ffffff " width="279" height="196" frameborder="0" scrolling="no"></iframe>
</div>
<div id="latestnews">latestnews</div>
<div id="newsbox">newsbox</div></div>

<div id="main"><div id="mainheading">mainheading</div><div id="maintext">main text</div></div>


<footer>
<p>footer</p>
</footer>

<script type="text/javascript" src="js/general.js"></script>
</body>
</div>
</html>



@charset "utf-8";
/* CSS Document */

#wrapper{
margin: 0 auto;
width: 1000px;
height: 1000px;
border: 3px solid gray;
overflow: hidden;
	}

body{
background-color: #eeeeee;
overflow: hidden;}		

header{
float:left;
width: 1000px;
height: 123px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
}

#logo1{
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px;	
	
}

aside{
float:left;	
width: 200px;
height: 275px;
background-color: #ffffff;
padding: 5px 5px 5px 5px;	}

#header2{
float: left;
width: 480px;
height: 265px;
background-color: #ffffff;
padding: 5px 10px 0px 0px}

#header2pic{
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px;	
	
	}	

#main{
float:left;
width: 690px;
height: 250px;
background-color: #ffffff;
padding: 0px 0px 5px 0px;
margin: 20px 0px 0px 5px;
}

#mainheading{
float:left;
width: 695px;
height: 30px;
background-color: #00407e;
border-top-left-radius: 5px;	
border-top-right-radius: 5px;
padding: 0px 0px 0px 5px;
color: #ffffff;
margin: 0px 0px 0px 0px;


	
	
	}
	
#maintext{
float:left;
width: 687px;
height: 100px;
background-color: #eeeeee;
padding: 0px 5px 0px 5px;
border: 2px solid #cccccc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
	
	}	

#aside2{
float: right;
width: 285px;
height: 515px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 5px 5px 0px 5px;
overflow: hidden;


	}
	
#calenderheading{
float: left;
width: 280px;
height: 25px;
background-color: #00407e;
padding: 0px 0px 0px 5px;
border-top-left-radius: 5px;	
border-top-right-radius: 5px;
color: #ffffff;



	}	
	
#calendertext{
float: left;
width: 279px;
height: 200px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
border: 2px solid #cccccc;


	}		
	
#latestnews{
float: left;
width: 280px;
height: 25px;
background-color: #b3150c;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
border-top-left-radius: 5px;	
border-top-right-radius: 5px;
color: #ffffff;

	
	}
	
	
#newsbox{
float: left;
width: 272px;
height: 200px;
background-color: #eeeeee;
padding: 0px 5px 0px 5px;
margin: 0px 0px 20px 0px;
border: 2px solid #cccccc;
	
	
	}		

footer{
float:left;
width: 1000px;
height: 100px;
background-color: green;	}

#logo{
float: left;
height: 117px;
width: 172px;
background-color:#ffffff;	
margin: 5px 0px 0px 5px;
	

	}
	
#socialmedia{
float: right;
height: 40px;
width: 550px;
background-color: #ffffff;	
margin: 5px 0px 0px 0px;

	}

#facebook{
float: right;
height: 40px;
width: 40px;
background-color: #ffffff;	
margin: 0px 10px 0px 15px;

	}
	
#youtube{
float: right;
height: 40px;
width: 40px;
background-color: #ffffff;	

	}	
nav{
float: right;
height: 50px;
width: 700px;
background-color: #eeeeee;
margin: 20px 0px 0px 0px;
-moz-border-radius: 25px;
border-radius: 25px;
-ms-border-radius: 25px;	

	}
	
#uawtoday{
height: 40px;
width: 200px;
background-color: #00407e;
margin: 0px 0px 5px 0px;
color: #ffffff;
text-align: center;
font-family: georgia, Arial, Helvetica, sans-serif;
padding: 25px 0px 0px 0px;
font-size: 18px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px;

 	
	
	}


#uawhistory{
height: 40px;
width: 200px;
background-color: #00407e;
margin: 0px 0px 5px 0px;
color: #ffffff;
text-align: center;
font-family: georgia, Arial, Helvetica, sans-serif;
padding: 25px 0px 0px 0px;
font-size: 18px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px;


	
	
	}

#history{
height: 40px;
width: 200px;
background-color: #00407e;
margin: 0px 0px 5px 0px;
color: #ffffff;	
text-align: center;
font-family: georgia, Arial, Helvetica, sans-serif;
padding: 25px 0px 0px 0px;
font-size: 18px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px;


	}

#community{
height: 40px;
width: 200px;
background-color: #00407e;
margin: 0px 0px 5px 0px;
color: #ffffff;
text-align: center;
font-family: georgia, Arial, Helvetica, sans-serif;
padding: 25px 0px 0px 0px;
font-size: 18px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px;


	
	
	
	}
2

It’s good that you managed to spot it yourself:) Sometimes just asking the question leads you to the right answer.

3

RESOLVED!

I do some of the dumbest ****. I did not add a background color to the wrapper.