cusom css work in firebug but not custom.css sheet

I have the following css code in my custom style sheet and it does not work. However if I place the code into firebug it works.

The test site is importingtips.com and the area I am talking about is on the home page in the block "Fixtures - 18 May" I am wanting to replicate the block under it which is designed in html but the block above is through the wordpress editor

/*new fixtures area*/

#fixture-date {
font-size: 24.5px!important;
padding-left: 5px!important;
width: 75%!important;
line-height: normal!important;
}

#fixture-link {
padding-right: 5px!important;
width: 15%!important;
}