Background won't repeat past container.

Hi! I’m trying to put a background behind the center container/wrap. I got the background in, but it only repeats down on the left side…not both. What am I missing?

Code:

body {
	background: url('images/bg_blackleopard.png') repeat-y!important;
        width: 100%;
	margin: 0;
	padding: 0;
	font-family: Helvetica Neue, Helvetica, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #1c1c1c;
}

#container {
	background: url('images/bg_container.png') repeat-y;
	width: 1088px;
	margin: 0 auto 0 auto;
}
#wrap {
	background: #fff;
	width: 1026px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}