Ok so for the past couple of day I was playing with my images Iam trying to covert them into css sprite.

My problem is that I have no idea how to remove to replace image with class in the code.
Class=go is linked to the image already. Image needs to be removed from the code.
Code:
<input name="" type="image" src="<?php bloginfo('template_url');?>/images/go.png" class="go" />
Code:
#nav > li + li{position:relative;float:left;color:#d5d4d4;font:11px Verdana, Geneva, sans-serif;text-transform:uppercase;background: url(images/devider.png) no-repeat left 2px;padding:0 0 0 8.4px;margin:0 0 0 8.4px;}
Devider.png is linked to class=devider
Code:
#nav > .current_page_ancestor > a{color:#fff;text-decoration:none;display:block;background:url(images/down.png) no-repeat bottom center;}
Down.png is liked to class=down
Code:
#footer{background:url("images/footer.png") repeat-x scroll 0 -2px #005400;border:medium none;float:left;height:102px;width:100%;}
footer.png is linked to class=footer
Code:
#ftr ul li + li{float:left;color:#9c9c9c;font:11px Verdana, Geneva, sans-serif;background:url(images/footer_devider.png) no-repeat 0px 2px;line-height:13px;padding:0 0 0 10px;margin:0 0 0 10px;}
Footer_devider.png is linked to class= footer_devider