AnnaSucks

I'm no designer, but I'm making this website for a friend of mine, and finally trying to let go of the bad habit of using tables for everything, and use more css positioning. It all worked fine untill my friend checked the site and told me that most of the elements are overlapping. I found out that her screen resolution is 800x600.

Is there a way of preventing this overlapping in the css? Or do I have to make 2 versions of the css, and use a javascript to choose the right one depending on what screen resolution they have? I definitely don't want to go back to tables now that I've learned a new cool thing! Hell, I don't even know how to do the design I want with tables...

__________________