firefox background image not loading

[Cragdo]

Hi folks,

I have used a 1px height gif that is the same width as my navigation bar as a background image inside my content wrapper that is used to make the left navigation block appear to stretch to the required length of the content block .

#contentWrapper {
	width: 777px;
	margin: 0;
	padding: 0;
	background-image: url(leftNavYD.gif);
	background-repeat: repeat-y;
}

This works fine in IE6/7 but not it does not load at all in firefox.

The URL for this site is:
http://www.yorkshiredales.org.uk/ind...ement_plan.htm

This the css code for my navbar:

#navbarWrapper {
	float: left;
	width: 209px;
	height: 100%;
	background-color: #a2b8ac;
	padding-top: 1em;
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	border-right: 1px solid #fff;
}

ul#navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navlist li {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

#navlist a:link, #navlist a:visited {
	margin: 0;
	padding: 0.5em 0 1.1em 40px;
	color: #12460e;
	text-decoration: none;
	display:block;
}

#navlist a:hover {
	color: #fff;
}

I have firebug installed and it also shows I have a problem with my doctype but I cannot see what the problem is.

Can anyone help please?

Thanks

[Demonicman]

i dont know, but what i do know is if you scroll over management plan home, the picture next to about the plan dissapears lol

[Cragdo]

This site is run from a content mangament system that has a problem with its scheduled site replication on the client server and has nothing to do with the css.

It works perfectly on the development server that I work from.

Thanks for your input it was most helpful

[Cragdo]

I have the fixed this issue