The common mistake of many designers is that they think that Google is some kind of super power scanner with magical powers to detect everything.
I think that with css you can play with Google all night long. Maybe in future it will have some kind of detection system but for now Google indexes all my invisible css pages. For example google could indexed my invisible list:
<li id="products" title="script"><a href="script">Script</a>
<li id="instant" title="update website through web browser"><a href="script/update-website-browser.php">Update Website through Web Browser</a></li>
<li id="supersitemap" title="generate sitemap script"><a href="script/generate-sitemap-script.php">Generate SiteMap Script</a></li>
<li id="addcomment" title="add a comment script"><a href="script/add-a-comment-script.php">Add a Comment Script</a></li>
<li id="high" title="search engine highlighter"><a href="script/search-engine-highlighter.php">Search Engine Highlighter</a></li>
Then in css you can assign image to css ID and that image of course can be white or any non visible image. Google had no clue. Also anchor text using this kind of css can be as long as we want and not been seen by your visitors :-p
However I was little bit scared to assign invisible header (h2) to all my pages because on some pages I don't want text to be seen.
Of course my background is white, not the background of the actual page, but bg of again another css content area. Is it possible for Google to detect this? I see they have no clue about detecting css images because google has no clue where image is because it is called from css file, but simple h2 css code hmm maybe I am pushing it here I cant have my page banned :-)
font-family:verdana, geneva, arial, helvetica, sans-serif;
I know that all this will make enormous css file like mine but that is the price I can deal with.
Any input would be nice...thanks