If you look at the top tight here: http://sija.no/blogg/ You will see that the corner is missing. I cant find out why. Please help. Green rep to good answers Thanks.
Just add "background-image:url(images/Sheet-s.png);" to the ".Sheet-tr div" element ... and of course position it correctly...
Yes, that is done already, like this, but it still doesnt work: .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 41px; height: 41px; } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -41px; width: 82px; height: 82px background-image: url('images/Sheet-s.png'); } Code (markup): Here is the style.css, this is on the bottom. http://sija.no/blogg/wp-content/themes/bakkevold/style.css The other corners are ok. I will pay $5 (Paypal) to the one who fixes it for me.
You have no ; after the height attribute thus it can't see the background-image line change this: .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -41px; width: 82px; height: 82px background-image: url('images/Sheet-s.png'); } Code (markup): to this .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -41px; width: 82px; height: 82px; background-image: url('images/Sheet-s.png'); } Code (markup):
Lawlz! Typos always get me too... when I've gone blind from searching for them, I send my CSS to the validator because when I'm tired I'll never see the typo. http://jigsaw.w3.org/css-validator/ ignore the warnings and the false errors from CSS3 and vendor-specific extensions.