I think it’s fairly obvious what I’m trying to do here. The grassy background goes behind the middle box. The logo and the top of the nav bar is transparent and it all works until I add the middle section with a background.
I want the middle section to have a background image that is repeated along the y axis, expanding itself out to the size of the browser (or more if there is more text). When I add the middle section and give it a background the image grows UP! instead of down, outside of the div box that I made for it. I don’t even see how that is possible since it is obviously outside the box. What the heck am I doing wrong? Also, why is there a space between the main body and the footer?
Thank you very much, everything is working now and it validates. I’ve been banging my head on this one for a bit now. I’ve learned alot in the last few days. I used to code everything in tables and this actually makes things so much better.