.t {background: url(images/img/titlebar-middle-dark.jpg) 0 0 repeat-x; width: 100%}
.b {background: url(images/img/bottom-middle-dark.jpg) 0 100% repeat-x}
.l {background: url(images/img/content-left-dark.jpg) 0 0 repeat-y; }
.r {background: url(images/img/content-right-dark.jpg) 100% 0 repeat-y}
.bl {background: url(images/img/bottom-left-dark.jpg) 0 100% no-repeat}
.br {background: url(images/img/bottom-right-dark.jpg) 100% 100% no-repeat}
.tr {background: url(images/img/titlebar-right-dark.jpg) 100% 0 no-repeat; padding-left: 2px; padding-right:1px; }
.title{
	margin-left: 20px; 
	font-weight: bold;
	display: block;
	padding-top: 4px;
	color: #fff; 
	height: 16px; 

}

.content {
	height: 100%;
	background-color: #e8eff6;
	display: block;

}
.contentp {
	margin-left: 4px;
}




<div style="width: 100%; position: absolute; top: 70px; height: 75px; ">
<div style="margin-left: 140px; margin-right:5px;">
<div class="t" style=" height: 70px; "><div class="b"><div class="l" style="height: 70px;"><div class="r"><div class="bl"><div class="br"><div class="tl" style="background: url(images/img/shoutbox-icon.jpg) 0 0 no-repeat"><div class="tr">

<span class="title">Some title</span>
<div class="content" style="float: left;width:70%; height:48px; overflow: auto;"><div class="contentp">Some text</div></div>
<div style="width:30%; height: 48px; overflow: none; background-color:#677d94; float:left;"><div class="contentp">blah blah etc...</div></div>


</div></div></div></div></div></div></div></div>