Update: Figured it out.

#navigator{z-index:20;position:relative;margin:0px 1px 0px 0px;padding:9px 0px 4px 0px;height:2em;background:url(/images/navigator_bg.gif) no-repeat left bottom;line-height:2em;}

Chang height to 3.9 em from 2 em.

#widebar{width:649px;float:left;}

Change width to 630.

For quite some time Facebook’s layout has been a bit off. The main body of the page extends to the right past the edge of the top blue header and up into the header itself. I’m on a 15″ Powerbook, Firefox 2.0.0.12 and Leopard 10.5.2. Same problem occurs with Safari as well.

Picture 2.jpg

I’ve logged out and tried to load the page in my test user account, which has nothing but Safari installed. Same exact problem.

Loading in CSS Edit, I see the same problem.

Loading the DOM Inspector in Firefox and digging into the div’s, it looks like the pagebody CSS elements might be part of the problem.

The Firefox error console throws almost 50 warnings about being unable to parse values for various properties.

Anyone have an idea what the problem is?