I am using a custom-them from the jQuery UI Theme Roller in an MVC project.
So I put the custom css at ProjectRoot\Content\css\custom-theme\jquery-ui-1.8.18.custom.css.
And I put the images at ProjectRoot\Content\css\cutom-theme\images

In my layout file I put
<!-- theme css for jQuery UI Widgets -->
<link href="@Url.Content("~/Content/css/custom-theme/jquery-ui-1.8.18.custom.css")" rel="stylesheet" type="text/css" />

Then in one of my razor views I have:
$("#btnSubmit").button({ icons: { primary: 'ui-icon-person'} });
So now my button has the nice styles as far as text, border, and background colors for active and hover states.
But I can't get it to pull in a primary icon.

The custom-theme css has a line I think to find the active image here:

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #5566aa; }

I tried changing the path to like url(Content/css/custom-theme/images/ui_bg_glass... to no avail.

Is there something special you have to do in MVC for this?