dot image in the background is not visible

I have 2 issues with my page.

1. I have dots as background in my wrapper di开发者_运维知识库v. Its not visible in both fF and chrome.
2. I have css background gradients for navigation. It looks fine in Chrome, but not in FF.

You set the background image to the dots but after that you set the gradient in the background. It overwrites the dots, maybe you could use multiple backgrounds. Check this link for more about that (and the gradient declaration)

You should post the relevant sections of your CSS.

FF and WebKit have different formats for gradients. I believe that CSS3 is closer to the FF style, so you'll have to provide multiple alternative CSS statements. However, on Chrome 10 and FF4, your page looks identical.

As for the dots, is it set on the same div as the gradient? A gradient is an "image". You may need to either use two different overlaying div's and then change the opacity of the top div, or specify multiple images for the background, but change the order of your layering of the background images.