Vast difference if appearance because of resolution Options

[fr4nk13]

I just made a page which look fine on my computer, but on a friend's it looks really bad because of the difference in resolution.

Is there a code I can use to make it work with any resolution?

[fr4nk13]

CODE

<style type="text/css">
body {
background-color:ffffff;
  background-image:url('http://frankiemariano.googlepages.com/background.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:000000;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Verdana !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:FFFFFF !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:d5dfef !important;}

a {color:BFBFBF !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
img {border:0px;}
</style>