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/index/looking_after/yorkshire_dales_national_park_management_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