Div-bredd ändras inte

Jag är rätt säker på att detta har med min doctype att göra (XHTML 1.0 Transitional). Jag har en div med id mainContents och en div inuti den med klassen titleBar tillsammans med nedanstående css.

#mainContents {
	bottom: 20px;
	float: left;
	left: 151px;
	padding: 8px 8px 8px 8px;
	position: absolute;
	top: 107px;
	overflow: auto;
	width: 569px;
}

div.titleBar {
	background-color: #BA8500;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	height: 21px;
	padding-top: 4px;
	text-indent: 7px;
	width: 100%;
}

Detta borde innebära att titleBar använder allt ledigt utrymme på bredden, vilket det även gör. Men om sedan mainContents får så mycket innehåll att det kommer fram en scrollbar så kommer det även en på bredden bara för att titleBar blir för lång i detta fall. Hur ska jag få titleBar att bli smalare på bredden när det kommer en scrollbar?

Testa att sätt den till 95%, det kan ju fungera utan att sidan havarerar totalt ;)

Eller blocka bort width: 100%; ifrån div.titleBar, så blir den så bred som det finns utrymme till.

Nämen har man sett på maken. Trodde att det skulle bli så att diven bara fick så mycket plats som innehållet behövde då men det visade sig ju att jag hade fel. ;)

Tack!