Could someone please check my site. Having two issues!

 I used a template to build this site and the two biggest problems I am having is when you zoom in/out, the information is getting pushed outside the background image. The other problem is the site viewed on different browsers. The 'About Us' page works for all browsers aside from Internet Explorer.

Could someone please look at me codes and let me know if they have any solutions. The website is www.xtremehairsalon.com

Thanks!

Amy

CSS Stylesheet:

body{
margin:0px;
background-color:#000000;
height: 800px;
width: 766px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 60px;
}

table {
border-collapse:collapse;
border:0px;
}

table, td {
width:150%;
height:110%;
border:0px;
}

td { vertical-align:top; padding:0px;}

a:hover{text-decoration:none;}

img {
border:0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float: none;
}
name {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}

.main_text, table, li, input, textarea
{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
line-height:16px;
color:#191A1A;
font-weight:bold;
word-spacing:1px;
float: left;
width: 733px;
}

.h_text {
color:#000;
font-weight: bold;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}

.l_text { color:#A01029}

.c_text {
color:#000;
line-height:9px
}
.c_text a{
color:#000
}

.no_class, form, .no_class td
{
margin:0px;
border:0px;
float: none;
padding: 0px;
height: 180px;
width: 470px;
}

.line { background:#335123; width:165px; height:2px}

.block div{ width:425px; height:19px; background:#2E4721;color:#FFFFFF;}
.block div div { width:auto; height:auto; padding:2px 15px 0 10px}
.block a {color:#FFFFFF; text-decoration:none;}
.block a:hover{
color:#000
}

.form{height:24px; margin-top:1px;}
.form input {
width:203px;
height:21px;
border:#335123 1px solid;
background-color:#000;
padding-left:5px;
color:#CCC
}

textarea {
width:203px;
height:111px;
border:#335123 1px solid;
background-color:#000;
padding-left:5px;
overflow:auto;
margin-top:1px;
color:#FFF
}

ul {margin:0; padding:0; list-style:none}
li {background:url(images/a1.gif) no-repeat left center; margin: 0px 0px 0px 0px; padding:0px 0px 0px 15px}
li a {line-height:21px; color:#ffffff; text-decoration:none; font-weight:bold}
li a:hover {text-decoration:underline;}.Text {
font-family: "MS Serif", "New York", serif;

}
.no_class tr td div img {
height: 600px;
width: 180px;
}
.Text {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-style: normal;
text-decoration: blink;
color: #000;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
float: none;
}
image {
border-top-width: 10px;
border-top-style: 10;
border-top-color: #000;
}
body table tr td table tr th img {
}
body table tr td table tr th div h1 img {
float: left;
}
vision {
font-size: 18px;
font-family: Verdana, Geneva, sans-serif;
font-style: italic;
text-decoration: blink;
word-spacing: 2px;
float: left;
}
.no_class tr .s .a {
vertical-align: middle;
text-align: left;
width: 530px;
padding-left: 60px;
}
.l_textnew {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
text {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
}
photo {
float: left;
height: auto;
width: auto;
}
.no_class.block tr {
float: left;
}
#form1 {
float: right;
clear: none;
padding-right: 100px;
padding-bottom: 30px;
height: 200px;
}
.h_text p {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
#form1 .no_class tr td .h_text {
color: #000;
}
products {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: normal;
float: left;
}
body table tr td table tr td div p {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
float: none;
}
body table tr td table tr td div p {
}
body table tr td table tr td divnew {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}
text {
width: 300px;
right: 100px;
float: right;
}
test {
font-style: italic;
}
body table tr td table tr td div p {
font-weight: normal;
font-size: 10px;
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
.no_class tr .s .a {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-weight: normal;
}
.l_textnew br {
font-size: 12px;
font-style: normal;
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
brief text {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
body p {
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
about text {
text-align: left;
}
.no_class {
font-size: 18px;
font-family: Verdana, Geneva, sans-serif;
}
.new {
font-size: 10px;
}
.new {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
.h_text pnew {
font-style: italic;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
.h_text p img {
float: right;
}
.h_text img {
float: right;
}
.heading {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}

_______________________

About Us Page:

About Xtreme Hair