How do I make my page conform to all resolutions?

Hello Folks.
I am in the process of getting my page (http://flyfamilyguy.frihost.net) up and running. The problem that I'm dealing with at the moment is getting it to display properly.
When I am at home, coding my page, it looks just fine when I view it with my browsers, (IE, Firefox, Opera). But when I view it from work., images, banner links etc...are not placed in their correct position. This has something to do with different monitors/screen resolutions, and I have no idea how to fix it!

How can I know how my pages will look on other computers?

Thanks!

Something is wrong with your site, it keeps refreshing. Possibly calling a refresh function within the page?

EDIT: Nevermind, it's fixed now.

Well there is no 100% way to know. You just have to do it for a long time to learn what types of things will cause problems in new/old browsers.

Suggestion: download some old versions of browsers, and look at your site on various different resolutions. Here is a site with some old browsers archived: http://browsers.evolt.org/

position your affilliate link in css, give it an id or something. the <hr>s..... probably a bad call unless you want to insert some scripting to set their widths to a certain value based on the client's side (or you could do percentages in css) your background is likely set to no-repeat & when your text overflows the non-scrolling area your background drops off.... gradient is a neat effect but unless you fix the background position the effect is ruined. try those for starters