I have read the manual on skinning, and I have constructed a skin containing background images. I've tried using the background-image: url() tag inline and in an external CSS file. I've tried using the background="" tag in a TD. The manual said these tags would work, but they don't.

Now, of course, I'm a professional web designer, and I have no trouble with HTML and CSS. All of the other images work fine. The paths are all correct, and all the images are in the same directory. Only background images fail.

Has anyone had a similar problem?

<td id="header_bg" background="<%= SkinPath %>header_bg.gif" style="background-image: url('header_bg.gif'); background-repeat: repeat-x; background-position: 0 -1px; padding-right: 30px; " align="right">
    <dnn:SEARCH runat="server" id="dnnSEARCH" />
</td>

This has redundant tags, and neither works.

<div id="footer" class="copy2 width1"
        style="height: 22px; background-color: black; BACKGROUND-IMAGE: URL('footer_bg.gif'); background-repeat: repeat-x;">
        &nbsp;
    </div>

The images for header_bg.gif and footer_bg.gif are in the same directory as all other images. The parser is not adding <%=SkinPath%> to the CSS tags, but it is doing it for the TD example, and even that doesn't help.

The only way I was able to get it to work was by hosting the images elsewhere and giving these CSS tags absolute URL's.

I can't post the page itself because it's hosted locally, and not on a public web server.