Tweeking SuperSize

[Janitor_Willie]

Notice down near the bottom and right above the word "home" there is an unwanted grey strip that seems to be joined-at-the-hip so to speak with the progress bar timer (seen higher up). I am trying to get rid of this grey strip. I tried deleting the ID #progress-back. No luck. That also removes the progress bar above. Then I tried deleting the ID #progress-bar. That too removes the progress bar too. I then tried changing the attribute "bottom" to something other than 42px. That unfortunately affects both the progress bar and the unwanted grey strip. I am guessing that this unwanted grey strip is rooted in the jQuery code? What do you think?
http://www.wbmdesign.com/supersized/fade.html

http://www.wbmdesign.com/supersized/theme/supersized.shutter.css

#progress-back{
z-index: 5;
position: absolute;
bottom: 42px;
left: 0;
height: 8px;
width: 100%;
background: url('../img/progress-back.png') repeat-x;
}

#progress-bar{
position: relative;
height: 8px;
width: 100%;
background: url('../img/progress-bar.png') repeat-x;
bottom: 71px;
}

 

[chrishirst]

Swap the positioning around.

 

[Janitor_Willie]

No luck with changing position properties. I tried making #progress-back position: relative; and #progress-bar position: absolute. Then I tried setting both of them to relative and then both to absolute.