Concerning the menu at the top of the page fixed in place using position: fixed. There is a background creating a thin horizontal line just below the menu that unfortunately scrolls with the content when the page is scrolled. I've been searching for a solution to keep the background in place so that the line doesn't move along with the content. Thus far, I've only come across CSS solutions for fixing the background in place when it's not repeated. Is there a way to maintain the vertical position of a horizontally repeated background image?
The current background looks like this:
.backg { background: url(../images/background.gif) 0 0 repeat-x !important;
Shown in all layout views:
<body class="backg">
Thank you!
UPDATE: I decided to go with Tim's solution by adding the background styling to the fixed menu div to keep it fixed as well. His suggestion was marked as the answer, but the actual solution came from the comment right below it.