Div tags leaving pixel trail?

[Koz]

Hi all,

I was hoping somebody could help me. I changed something (i think) in the Globalwarming Awareness2007 site that (ry$$1e and I are working on and there are pixels (looks like fly poop) all over the page!! I pressume its a CSS/Div tag problem because it only shows up in FireFox. It probly wont hurt the rankings it just looks annoying.

Could some body have a look to see what the problem might be?

the URL: http://www.awareness2007--globalwarming.org/ (open in FireFox)

[Koz]

Ok... I've just noticed that our flash game has disapeared too in FireFox... I think it has something to do with the fly poop

[Koz]

ok i'm talking to myself...

I figured out the problem. It definatly was a CSS/Div problem. can anyone take a guess?

[Glen]

Looks fine to me, and the game is working

[Paz]

Hi Koz,

I imported your CSS into Dreamweaver and validated it. It showed a few errors that were specific to FF. What does the content:"." do? I'm sure that's where the problem is coming from...

I've never seen this before either .main-content
div:after,

shouldn't that be

.main-content div:after;

[Koz]

1st prize Paz! I was playing around with this: content:"." and forgot to remove it. It basicaly puts what ever is in those "bunny-ear" on the page where that div tag appears. Possibly a nice way to include hidden text. But doesn't Google crawl CSS files now too?

P.S. I wouldn't actualy use hidden text. I was experimenting with ways to place text using CSS.

[Paz]

Google IP's have downloaded CSS files but that doesn't mean they are acting on them.

My feeling is that CSS is such a can of worms that they won't be able to detect hidden text algorithmically any time soon - for exactly the same reasons why you had your full stops; CSS is tricky. HTML white on white is (usually) more clear cut.

I can see them experimenting with looking at it though, maybe that's the reason for the spidering.