floatを使うとheightがうまく認識されずに背景が崩れてしまうことがあります。
そんな時にはクラスにclearfixを指定することで改善される。

/* clearfix */
.clearfix:after
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac */
* html .clearfix
	height: 1%;
}
.clearfix {
	display: block;
}

上記をcssとして記述して、htmlからclassで呼び出すだけです。