I know I have rambled on about Internet Explorer 6 still being used by some 20% of the population, even though it was replaced 2 years ago by IE 7. So I wont spiral into that post again.

I do have to share this. In a post by CSS tinderbox. Raymond shares his analogy for IE 6.

So true.

Warning: This is a technical, website coding post. Not really marketing related.

So I was coding a site today while waiting at the dentist office (I am a geek I know). And I decided I would name one of my Div IDs “960wrapper”, to indicate that this div was 960px wide. Makes sense right? After doing this, and some other code the issue arises. My html is not seeing this div. at all.

I added a border stroke to outline it
nothing.

I added a background color, and a min-height.
still nothing.

Keep in mind I have no internet, since I’m in a waiting room. So no google searches, no CSS xray tool.

I am about to pull my short hair out.

In some playing, tweaking, and overall trying to do anything to make this simple div wrapper to work, I re-title it to just “wrapper”

And BAM it works. I think I let out a little victorious battle cry in midst of the dentist office.

So what I figured out:
Div ID’s seem to not like names starting with numbers.

I did a few google searches back at the office. Nothing. I cant find anything related to this issue. Can any web CSS geeks point me to where I can learn why this method wont work?