Robert Scoble: Design work ahead tonight. Bear with the ugliness for a while.
In Mozilla, I can't even click on the comment link on this blog entry. Recommendation: the validator is your friend. For starters, it is <div class="comment">, not <div id="comment">.
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...
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.