First , if you have firebug or web developer you will be able to see the various CSS divided regions better.
Anyways I have a <div> called Page or #page in CSS. I am simply trying to fill a background image in it, however the problem is that when I do, because firefox scales down the image, the complete image fills until mid of the page. Really need help on how to do this.
You already had the no-repeat in your code you just weren’t using shorthand for the background element which the Doc did. The colour #a07950 puts a background colour on your div the same colour as the bottom of your gradient. If you delete it you will see what happens.