[css] Achtergrond loopt niet door

Zal wel een stom issue zijn, maar ik heb divjes met een overflow: auto en op het moment dat de data te lang is moet je dus scrollen. Echter loopt de achtergrond niet mee.

HTML:

<div class="widget-sticky">
				<div class="widget-handle widget-sticky-title">Titel</div>
				<div class="widget-sticky-content">Content</div>
			</div>

CSS:

.widget-sticky
{
	border: 1px solid rgb(205,182,18);
	overflow: auto;
	max-height: 500px;
}

.widget-sticky-title
{
	border-bottom: 1px solid rgb(205,182,18);
	padding: 2px 5px;
	background-color: rgb(235,210,35);
}

.widget-sticky-content
{
	padding: 2px 5px;
	background-color: rgb(238,218,72);
}

Wie weet de oplossing? Ik wil ze graag liquid houden.

Edit: Ohja, gaat over horizontaal scrollen en de lange tekst zit aan elkaar (dus geen spaties, anders had ik 't probleem ook niet). Een oplossing dat ie toch gewoon aan het eind van je div naar de volgende regel gaat is ook goed.
Geen wordwrap of soort gelijke.