CSS | Text überschreitet div

Hey,

bin gerade etwas genervt.
Ich versuche seit Tagen herauszufinden, weshalb der Text innerhalb eines Containers diesen überschreitet.
Das Ganze sieht so aus (der rote Rand kennzeichnet den Container):

Ich habe bereits die overflow Eigenschaft versucht, jedoch ohne Wirkung.

<div id="home-description">
	<div class="home-description-item">
		<i class="fa fa-check home-description-item-image"></i>
		<div class="home-description-item-text">
			<strong>Titel</strong><br />
			Text
		</div>
		<div class="clear"></div>
	</div>
	<div class="home-description-item">
		<i class="fa fa-pencil home-description-item-image"></i>
		<div class="home-description-item-text">
			<strong>Titel 2</strong><br />
			Text2
		</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>
</div>

.home-description-item{
	float: left;
	margin-top: 50px;
	width: 100%;
	border: 1px solid red;
}


.home-description-item .home-description-item-image{
	float: left;
	font-size: 64px;
	width: 64px;
}


.home-description-item .home-description-item-text{
	float: left;
	width: 436px;
	overflow: hidden;
}

Hat jemand eine Ahnung, was das Problem ist?

Danke im Voraus.

Leider kein Effekt.

Sorry, dass ich so spät antworte. War die letzten zwei Tage privat beschäftigt.
Habe das Problem bereits gelöst. Woran es gelegen hat, darüber kann ich nur spekulieren, da ich kurzzeitig eher an einem anderen Problem gearbeitet habe, das dieses Problem anscheinend direkt mitgelöst hat.

Danke dennoch an euch.