intertwingly

Strangely, once you get lower down the page, the comment links start working again (at least in Firebird, dunno about "big" Mozilla).  Looks like the RHS nav bar element is reaching all the way across the page and blocking mouse access to whatever's underneath it.

What's wrong w/ ID as a selector? [link]

Randy, from the link you posted: "HTML [2] also introduces the 'ID' attribute which is guaranteed to have a unique value over the document."

Scoble uses it multiple times, thereby making it not unique anymore ;). And that's probably the thing that breaks Moz/FB etc...

Small correction: he uses <div id="comment"> multiple times.

OK, I've done some more investigation, and my comment on validation turns out to be a red herring.  The real problem is that the underlying content and links boxes overlap, something that is not visually apparent as content is defined to "float".

My recommendation is the stylesheet be changes so that both the content and links float, thus:

#content {
  float:left;
  width:80%;
  }
#links {
  float:right;
  width: 15%;
  text-align:center;
  }

I've seen this one happen before. Everything seems normal in IE/Win, but Mozilla and IE/Mac and Safari/Mac can't click. Like Sam says, it's an issue of overlapping regions and z-order.

Sam's float technique will work well if you want the sidebar to grow to match the size of the page. You could also use absolute positioning and fixed width, combined with the main content having a right padding/margin.

Thanks everyone for the help! That's what happens when I try to do design at 2 a.m. and don't check with validator.

Yikes, I shoulda run the validator before I went to bed last night.... [more]

Trackback from The Scobleizer Weblog

Yikes, I shoulda run the validator before I went to bed last night. Sam Ruby and friends are helping me clean it up. Some crud will probably remain until tonight. Everything will remain ugly until tonight cause I basically ripped...... [more]

Trackback from I Am Win