WordPress で jQuery を使用する場合の画像へのパスの指定方法

jQuery を使って、マウスオーバー時に li 要素の背景画像を表示するようにしようと思っています。その際に、画像へのパスを記述する際に「相対パス」で記述するとうまくいきません（画像が表示されません）。

「絶対パス（フルパス）」で記述するとうまくいく（画像が表示される）のですが、これは、そういうもの（仕様）なのでしょうか？　それとも「相対パス」で記述する方法があるのでしょうか？

現在以下のような記述でローカル環境で試してみています。
「url(http://localhost/wp/wp-content/themes/wptest/images/arrow_green_small-trans.png)」では表示されるのですが、「url(/images/arrow_green_small-trans.png)」や「url(../images/arrow_green_small-trans.png)」などいろいろと試しましたがうまくいきません。

画像のフォルダ「images」とjQuery ファイルのフォルダ「js」は同じ階層にあります。

jQuery(document).ready(function($) {
$('#cat_list ul li').css('background', 'none');

$('#cat_list ul li a').hover(
	function() {
		$(this).parent().css('background', 'url(http://localhost/wp/wp-content/themes/wptest/images/arrow_green_small-trans.png) no-repeat');
	},
	function() {
		$(this).parent().css('background', 'none');

	});
});