[SOLVED] Widget background images do not show up

I want to have a rollover button in a widget. Using code that I have used before successfully I added the following to the css:

#tickets
{
display: block;
width: 180px;
height: 120px;
background: url(http://betsysbargains.com/wp-content...ox_tickets.jpg) no-repeat 0 0;

}

#tickets:hover
{
background-position: 0 -120px;
}

#tickets span
{
position: absolute;
top: -999em;
}

then added the following to a widget text box and uploaded the image:

<a id="tickets" href="/category/ticket-town/" title="tickets"><span>tickets</span></a>


The link shows up and works but the background image does not. Reading some of the other posts on this subject, I checked and magic_quotes are off on my server. Suspecting some other server problem, I copied the same code to another atahualpa site on the same server, changing nothing, and it works fine.

What else could be stopping it from working on one site when it works on another?

Thanks,

Dan