Example for users at Experts Exchange: Q_24430925 (error)

This example shows how a single typo can wreak havoc to your page, in this case when you want to use a background that works. Luckily, the CSS validator will show you exactly where you go wrong. In the referring EE thread, rashgang shows a good solution, but added a semicolon on a wrong spot, later defending that semi-colon. You can check for yourself who's right or wrong by checking this page and the solution.

This page will remain online for future reference. The original question can be viewed at Experts-Exchange, but requires (free) membership. More information about me, about how this site is maintained and about how to use these pages for yourself, check out the opening page.

If you're wondering what the difference is between the two: here, the no-repeat is not applied, because the line "background:url(images/background.png); no-repeat;" contains a semi-colon.

(I removed the space from the post of rashgang and Ameerh24, because that made it not finding the image on both IE and FF)

Using rashgang's method, check CSS validator
This is one single TD with a background image it is repeated, which is not what we want. Using inline CSS (credit rashgang):
style="background:url(images/background.png); no-repeat;"
This TD should not have a background image anymore

Valid XHTML 1.0 Strict Valid CSS! (not valid css!)