CSS for widget title

I want to format the widget title area differently for different widgets.
www.esa.org/scalingup/student-workshop

vs.

www.esa.org/scalingup/early-career-scientists-workshop


I added the following CSS code to the "Add HTML/CSS inserts" ATO.
In Internet Explorer 8 they work fine.
In Firefox 16.0.2 only the first bit code works.


/*Widget sidebar title colors*/
/*student workshop*/
td#left-inner div.widget-title{
background: #df9536;
}

/*early career workshop*/
td#left div.widget-title{
background: #cb6d27;
}