Scroll bars in a widget

Hi – Working on a new site and on the homepage i have 2 widgets that have scroll bars in them. I set the widget titles to postion:absolute to make the content scroll but have the title stay in place – this works fine on all browsers except mozilla (FF). on FF sometimes when scrolling the title area scrolls up and out of site (but only sometimes) Any one have any ideas to stop this from happening – site is here: https://67.227.145.145/~whiteelm/
and this is the css I’m using for them:

#home_widget_2{
height:450px;
overflow:auto;
padding-top:0px!important;
	 /* IE10 */
	background-image: -ms-linear-gradient(top, #346484 50%, #FFFFFF 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #346484 50%, #FFFFFF 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #346484 50%, #FFFFFF 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #346484 50%, #FFFFFF 100%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top,#346484 50%, #FFFFFF 100%);
	color:#FFFFFF;
	 }
#home_widget_2 a{
color:#FFFFFF;
}

#home_widget_2 ul{
padding-top:30px;

}
#home_widget_2 li{
padding-top:10px;
border-bottom:1px #99B0C0 solid;
list-style-type:none;
}

#widget-title-two{
	padding-top: 5px;
	padding-left: 15px;
	margin-bottom: 15px;
	color: #376382;
	background-color: #99B0C0;
	position: absolute;
	width: 20.9%;
}

Thanks!