Took me a few moments to figure it out… but I found it…..hte text of your count down counter is wrapped in a ul/li tag set…. and your CSS has the following (snipped for brevity).
#sidebar ul {
background:#ffeeee url(img/sidenav_bottom.jpg) no-repeat bottom;
}
Because your count down text falls within the side bar… and it a UL tag pair… it gets the background image at the bottom.
Solutions: remove the ul/li pairs and replace them with p tags instead (so it looks like this:
<li id="importantdates">
<p>100 days, 2 hours, 46 minutes, and 47 seconds left until until Madison comes!!</p>
</li>
or add a class designator:
<li id="importantdates">
<ul class='no-background'>
<li>100 days, 2 hours, 46 minutes, and 47 seconds left until until Madison comes!!</li> </ul>
</li>
And then add the new class to the bottom of your CSS:
.no-background-img { background-image: none; }
(or you can make it transparent, what ever works.
There’s probably a couple of other ways too that I didn’t think of.
-tg
FF here – and I don’t see any image on any of the screenshots or on the live site.
Look carefully …. it’s the dark color band at the bottom of each ul section in the sidebar… it’s an image…. you’re thinking like I was… looking for a photo type image … that’s not what it is tho. If you look at it in Fx, you’ll see some words appear over the dark color band… that was how I figured it out.
-tg
-tg U ROCK
Thanks a bunch all for the very quick response. The site should be solid and ready to role. Hope the wife likes it now 🙂
It’s a very cool site…. I really like the choise of colors and the wood blocks for the header image. Very cool!
-tg
