Отметьте эту скрипку - http://jsfiddle.net/aniketpant/ePARN/
Я удалил использование всех изображений, и это чистый CSS.
HTML
<div id="blockcontainer">
<dl>
<dt class="title">FAQ Categories</dt>
<dt>Some content goes here</dt>
<dt>Some content goes here</dt>
<dt>Some content goes here</dt>
<dt>Some content goes here</dt>
</dl>
</div>
CSS
#blockcontainer {
border: 2px solid #ddd;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#blockcontainer dl dt.title {
font-size: 1.25em;
border-bottom: 2px solid #ddd;
background: -moz-linear-gradient(top, #eee, #ddd, #fff); /* FF 3.6+ */
background: -ms-linear-gradient(top, #eee, #ddd, #fff); /* IE10 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(50%, #ddd), color-stop(100%, #fff)); /* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(top, #eee, #ddd, #fff); /* Safari 5.1+, Chrome 10+ */
background: -o-linear-gradient(top, #eee, #ddd, #fff); /* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#ffffff'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#ffffff')"; /* IE8+ */
background: linear-gradient(top, #eee, #ddd, #fff); /* the standard */
}
#blockcontainer dl {
}
#blockcontainer dl dt {
padding: 5px;
}