editing header. help!!

what i tried to do was change the header_top.gif to a new one i designed. I went into the style.css and changed

#headline p { background:url(img/headline_top.gif) no-repeat left top; padding:26px 15px 22px; font-weight:bold; font-size:14px; margin:0; line-height:100%; text-align:center; }^M

to

#headline p { background:url(img/new-headline_top.gif) no-repeat left top; padding:26px 15px 22px; font-weight:bold; font-size:14px; margin:0; line-height:100%; text-align:center; }^M

i saved and reloaded the page however nothing has changed. then i renamed the default headline_top.gif to see if there would be a error but when i reloaded it was still unchanged.

Whats going on??