So here I am minding my own business doing a home work assignment that requires me to design a web site for the band The Go! Team. The site requirements are really simple and it was going terrific until I created links in one of my divs and it seems to be knocking out the background image.

In case anyone isn't familiar with the term knockout. Basically what has happened is that the pixels in which the link text are rendered have become see through around the actual text and have left square holes in the background image for the div they are located in. I have tried pretty much everything.

I have moved the link properties after the div properties and I have tied setting the link background-image property to both none and inherit. Any ideas?