Netscape wrapper image not repeating

Hi

I have a Netscape compatibility issue. Here is a sample of the html

<div id="content">
    <div id="content-container">
        <div id="divContentWrapper">
            <div id="divLeft">E-Benkyo Ad / New user info</div>
            <div id="divRight">Hot Jobs</div>
        </div>
    </div>
</div>

here is a sample of the CSS.

#content {
	background:	url("../images/content/body_bg.gif") top left repeat-y;
	border-bottom:	none;
	border-left: 	1px solid #fff;
	border-right: 	1px solid #fff;
	border-top: 	none;
	clear: 		both;
	margin: 		0 auto;
	padding:		0;
	position: 		relative;
	text-align: 	left;
	top:		0;
	width: 		756px !important;
	width: 		758px;
}
#content-container {
	border: 		1px solid #fff;
	clear: 		both;
	margin: 		0 11px 0 8px;
	padding:		0;
	position: 		relative;
	text-align: 	left;
	width: 		735px !important;
	width: 		737px;
}
#divContentWrapper {
	border:		none;
	height:		auto;
	padding:		0;
	width:		735px;
}
#divRight {
	border:		1px solid #A3B4E1;
	float:		right;
	height:		200px !important;
	margin:		8px 0 0 0;
	padding:		0;
	width:		150px !important;
}
#divLeft {
	border:		1px solid #A3B4E1;
	float:		left;
	height:		200px !important;
	margin:		8px 0 0 0;
	width:		572px !important;
}

The backgorund for the content div does not repeat in Netscape, Opera and IE are fine. Any advice would be much appreciated.

I realise there are a lot of wrapper, but for formatting reasons they are presently needed.