Images when added to resource not available on browsing for frontpage blog

[Soniya Mathur <ma...@gmail.com>]

When I add images to resource, they are not available when browser. Here are
the details

   - version of Roller : Roller 4.0
   - Application Server version TomCat 6.0
   - database  MySql
   - Java version Java Platform SE6 Version 1.6.0
   - operating system are you using? Win XP
   - browsers : Mozila Firefox, IE6 IE&

I have installed Roller version 4 and developing a theme for my frontpage
blog. Everything seems to be working fine except one problem.
I have added images in themes/frontpage/images/ and added reference for them
in theme.xml. eg.
<resource path="images/box_top.gif" />

I added reference to this image in _css as
div.entry_outer{ background:  url("$url.resource("images/box_top.gif")")
no-repeat left top; padding: 5px; margin-top: 10px;}

Similarly added reference to an image in weblog.vm
<img src=$url.resource("images/create-account.png") alt="create" width="90"
height="90"  />

I am not able to get any image in browser. When I see the source of the page
I can see the path to the image as

background: url("
http://localhost:8080/roller/main/resource/images/box_bottom.gif<http://127.0.0.1:8080/roller/main/resource/images/box_bottom.gif>")
;

which I think is correct.

I have tried updeploying and then deploying again several times. But it did
not work.

Please help me and suggest what to do.

Thanks
Soniya