Below you see a simple scrolling container. I would like to position another element covering #contents (the width of which is deterined by its contents) completely but within the scrolling area. You can add or modify the html or css but not use javascript. The end result should be that #cover is positioned over #contents (and be the same length) without being a parent element.
Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing. Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing. lorem ipsum