Css Issues

[eluser]slowgary[/eluser]
It's probably because the marquee is 200px wide, but it's container is only 191px wide.

You could make a lot of things simpler, optimizing it at the same time. You're using CSS, but in a style that much resembles table based layouts. Try not to think about your design as a bunch of puzzle pieces. Think of it instead like a bunch of layers in a collage, overlapping eachother. Your background image should be a single image, which would make things easier and faster by cutting down on the number of requests the browser has to make.

Also, your images are all jpegs, which is really only good for photorealistic images. Only your portrait should be jpeg, all the others should be gif or png (I recommend png as they usually look better and sport a smaller size).

For the brownish containers, I would use CSS only instead of background images. Just set the background and a 2px border. The images do make the border look a little softer, but only very subtly and the difference isn't enough to warrant the additional work and bandwidth needed to make them image based. If I did go image based, I'd use 3 images to create the two columns - 1 for the top, 1 repeat-y, and 1 for the bottom, as so:

Code:

__________________________    __________
|                         |  |          |    //top cap

[code]
|