CSS Resizing

Resizing the pictures is an idea before carrying on.

It could be that you've set the tables... in fact, nevermind, I've just had a lookee at the page source and noticed that you've done the whole thing using DIVs. I'd have been more inclined to use a table, but that's personal preference. If it wasn't that big a job, I'd say try a page with tables, but it would mean re-coding a big chunk of the CSS.

For the moment, resize everything, and make sure that widths are set for elements that need them - say, erm, just a random example not taken from the CSS above, a content box. Make sure it's set to "width: 900px;" and not just left to work things out itself.

---

Just another personal thing - I'd be inclined to do away with settings margins. I've found that they're nothing but trouble. With my CSS I put "margin: 0 auto;" within each element. If you need something to be indented some way into the page, then... no, that goes back to tables - I just make cells the right width and what not. Though I suppose layers could be used - a single row table in front of the rest, containing the thing that needs to be indented with indents controlled by cells.

But it's something maybe worth looking at - make sure all your margins are right.