footer background image

:blink: I have added a background image to the footer portion of my template and it shows in firefox but not Ie. :P
http://www.tykies.com/shop/

and here's the image: http://tykies.com/shop/includes/templates/custom/images/footbg.jpg

and here's the css that I think controls it:

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
background:url(http://tykies.com/shop/includes/templates/custom/images/footbg.jpg)top left no-repeat;
	margin-left: auto;
	margin-right:auto;
	height:17px;
	width:760px;
	z-index: 2;
	}

(I'm using the url right now, because I can't view the image when editing css in webdev if I just use the path)

Oh! Editing to add in: once the above is resolved, I'd like to know how to put a littl e padding on the bottom of the copyright text so its not sitting right on that line in the image. padding-bottom:20px; doesn't seem to work right, as it just addes more of the body background repeated image instead of shifting the foot background down. Hmm...maybe my top left define?

help is appreciated! :D

Ok, this is fixed by editing tpl_footer

<!--bof- site copyright display -->
<div style="clear:both"> </div></div><div id="siteinfoLegal">[CODE]
```\[/CODE]