I ran into a problem and can’t figure out how to solve it. I have been working on this for three hours with no luck. I had hoped that I could do the same thing that I did with the navigation background but it’s not panning out. I set up a full example on codepen with notes. I tried using css content before just as was done with the navigation background, but that put one image above the nav, moved the links to the middle and put the last image below the links so everything was vertical. Floating things left made the background images disappear. My google searches said overflow: hidden in the right spot should fix the issue but I couldn’t find the right balance.
I included the css reset to makes things work right. The navigation css starts on line 50 in codepen
Please take a look and let me know if you can help
http://codepen.io/anon/pen/yrkze
I have provided an image to show what it needs to look like.
Thanks for your time.