How does url() work, and why might it end up pointing to the wrong place for images that are part of a jQuery UI theme?

How does url() work, and why might it end up pointing to the wrong place for images that are part of a jQuery UI theme?

In jQuery-ui.css, I see the following:

  1. .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3/*{borderColorDefault}*/;
        background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
        font-weight: normal/*{fwDefault}*/;
        color: #555555/*{fcDefault}*/;
    }

I see what looks like a function call: url(images/ui-bg_glass_75_e6e6e6_1x400.png)

Alas, that ends up getting mapped to /cgi-bin//images/ui-bg_glass_75_e6e6e6_1x400.png, which is obviously wrong.  I did find ui-bg_glass_75_e6e6e6_1x400.png a couple times in subdirectories of document root, buried deep within the directory trees of a couple jQuery UI themes we're using.

NB: At this point, I do not know if that is original in the css file that could be downloaded, or if it has all those comments bcause a colleague (no longer with us) modified it for the purposes of our branding.  It does look, though, like the comments may be original, fromt he author so those reading the file know what the parameters are for.

In any event, what matters is the question, how do I change this so that the right image is loaded for the theme in use?

Thanks

Ted