For the record, I'm not a big fan of huge background images on web pages. They take forever to load on slow connections. And some mobile devices won't display them at all. So all that weight just for eye candy is kind of a waste IMO.
I think the safest, most practical way to achieve backgrounds that fill available viewport is to use a small, seemless tile and repeat horizontally, vertically or both.
More on background-images:
absolutely correct, Nanc...tried a bunch of different codes...(before I came back here)...found one & edited it 'till it worked...did all that...& the resized image looked bad, anyway
(even tho I started off w/ a larger image, so as to avoid loss of resolution when enlarging...as stated, browsers do a crappy job of rescaling; & the subject(s) in my image had a jagged outline when reducing.
so...someone (?) suggested a fixed sized, centered image...& that's what I did.
looks a lot cleaner; & got the job done.
& click on the links for 'Mission' & 'Contact Us' (in the left side vertical navigation bar)