CSS背景显示有关问题_HTML/CSS

CSS背景显示问题
一开始我这样写background: #e0ffe0；有背景显示出来，但是我写成这样
background:#e0ffe0url(images/pixel_grid.jpg);
就没有背景显示出来，而且我再改回
background: #e0ffe0；背景还是显示不出来了，是不是第一次改的时候默认的背景的大小被改变了？


<html>
<title>pingpang</title>
<head>
	<script src="js/jquery-1.8.2.min.js"></script>
	<script src="js/html5game.pingpang.js"></script>

</head>
<body>
<header>pingpang</header>
<div id="game">
	<div id="playground">
		<div id="paddleA" class="paddle"></div>
		<div id="paddleB" class="paddle"></div>
		<div id="ball"></div>
	</div>
</div>
<footer>
	this is a example of creating a ping pang game.
</footer>
</body>
</html>


<style>
	#playground{
	background: #e0ffe0 url(images/pixel_grid.jpg);
	width: 400px;
	height: 200px;
	position: relative;
	overflow: hidden;
	}
	
	#ball{
	background: #fbb;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 150px;
	top: 100px;
	border-radiue: 10px;
	}

	.paddle{
	background: #bbf;
	left: 50px;
	top: 70px;
	position: absolute;
	width: 30px;
	height:	70px;
	}

	#paddleB{
	left: 320px;
	}

	</style>

	$(function(){
	$("#paddleB").css("top","20px");
	#("#paddleA").css("top","60px");
	});

------解决方案--------------------------------------------------------
有关系吗？样式没问题。
------解决方案--------------------------------------------------------
试下清理缓存
------解决方案--------------------------------------------------------
你是不是把那张图片删除了，导致图片的路径不对。我拷你的代码在本地试了下，没有问题。