Rather than targeting all the widgets, try targeting the whole footer. So your CSS above becomes:
footer#footer {
background-image: -moz-linear-gradient(top, #5fa92d, #0B610B);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5fa92d), to(#0B610B));
background-image: -webkit-linear-gradient(top, #5fa92d, #0B610B);
background-image: -o-linear-gradient(top, #5fa92d, #0B610B);
background-image: linear-gradient(to bottom, #5fa92d, #0B610B);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa92d' ,
endColorstr='#0B610B' , GradientType=0);
border-bottom:10px solid black;
border-top: 2px solid black;
padding-top: 10px ;
}