Problema con la altura de los divs

[aguc0d3d]

Bueno pues tengo un problemilla que es que a cualquier div que creo, tiene una altura mayor debajo del objeto que hay dentro del div, que la altura de arriba. Esto ocurre con cuaquier objeto que ponga dentro, incluso añadiendole solo un background sin nada dentro hay una altura desigualada..

Aquí el CSS:

Código:

* {
	border: 0;
	margin: 0;
	padding: 0;
}
article, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
@font-face {
	font-family: "Pecita";
	src: url("../fonts/Pecita.eot");
	src: url("../fonts/Pecita.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Pecita.woff") format("woff"),
		url("../fonts/Pecita.ttf") format("truetype"),
		url("../fonts/Pecita.svg#Pecita") format("svg");
	font-weight: normal;
	font-style: normal;
}
body {
	background: url("../img/bg2.PNG");
	color: #fff;
	padding-top: 25px;
	font-family: "Pecita";
	font-size: 1em;
}
a {
	color: #3399cc;
	font-weight: bold;
	text-decoration: none;
}
figcaption {
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}
img {
	max-width: 100%;
}
header, section#content {
	background-color: rgba(0,0,0,0.32);
	margin: 0 auto;
	padding-bottom: 15px;
	width: 1040px;
	text-align: center;
}
h1 {
	padding-top: 5px;
}
/*nav ul {
	font-family: "Pecita";
	list-style: none;
	background-color: rgba(0,0,0,0.32);
}
nav li {
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}
nav a {
	color: #fff;
	padding: 25px;
}
nav a:hover {
	color: #ff0058;
}*/
div#notices {
	background-color: rgba(0,0,0,0.32);
	padding-top: 9px;
	padding-left: 45px;
	padding-bottom: 5px;
	margin: 0 auto;
	text-align: left;
}
section#main, aside {
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	vertical-align: top;
	width: 65%;
}
aside {
	width: 30%;
	height: 426px;
}
p {
	width: 95%;
	margin: 0 auto;
}
h2 {
	color: #594f00;
	padding-top: 25px;
}
footer {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin: 0 auto;
	width: 1040px;
	color: #444444;
}
div#repro, div#xd {
	background-color: rgba(0,0,0,0.32);
}
div#repro {
	padding: 25px;
}
div#xd {
	height: 335px;
	overflow: auto;
}

/* Slider */

.slider {
	width: 676px;
	height: 426px;
	overflow: hidden;
}
.slider ul li {
	width: 676px;
	height: 426px;
	float: left;
}

Si puedieran decirme que hago mal se lo agradecería. Gracias.