Browsercam doesn’t let people see the snapshots. All I see is a browsercam page.
I appreciate this can be from a myriad of factors but one factor I decided to investigate is how my home page looks in different browsers.
Well, not that it’s different between browsers (regular people don’t generally check a site in many browsers) but possibly that content is difficult to see in some.
Anyway, to stop the sliding together thing, you can’t have a widthless page and then give someone a left margin in %… there’s always a 53%, even of a 400px-wide screen. And you’re using absolute positioning.
Those two main columns should probably be floated, or at least the left side (since it seems to have a fixed width… if you leave the right side unfloated then it can stretch to fill the other side).
I’d wrap everyone on the left in a single column (now the intro and the list are separate things) and float it left and give it a width.
I’d then give the right side only a left margin (equal to the width of the left float plus a hair more for room, NOT in %!) but no width or anything… this ensures it’ll act the same in IE and modern browsers…
and then I’d have a sticky footer, because your absolutley positioned footer sticks to the middle of the page when I have a not-tall browser and I scroll down. A sticky footer would stay at the bottom and scrolling down would keep it down.
If all this is too much for now, then at the very least you’ll need to give the right side a non% left margin. Make it a set unit equal to the width of the left side.
And the footer should probably be allowed to just be naturally at the bottom instead of absolutely positioned, to stop it from covering content.
And then you’ll need to set a width or a min-width on the whole page, so that users with small screens can at least get a scrollbar.