Cross Browser Issue

I tested my site on adobe browswer lab and it turns out nothing shows up on Firefox 3.0 for the MAC O.S. and some other operating systems as well. I ran a check on my code on Dreamweaver and valdidated on w3. No issues reported. But why I am having this issue. Plus my friend says nothing is showing up. My link and code is provided.

http://energiavibrationalflow.com/

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta name=“generator” content=“HTML Tidy for Linux (vers 6 November 2007), see www.w3.org”>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”>
<title>Energia Vibrational Flow Healing</title>
<link href=“layout.css” rel=“stylesheet” type=“text/css”>
</head>
<body>
<div id=“wrapper”>
<div id=“navigation”></div>
<!–end of navigation–>
<div id=“header”>
<div id=“logo”><img src=“…/images/header/enegeria-logo.jpg” width=“251” height=“176” alt=“energia vibrational flow healing - logo”></div>
<!–end of logo=–></div>
<!–end of header–>
<div id=“aboutenergia”>
<div id=“heading”>
<h1><span class=“ev”>Energia Vibrational</span> <span class=“fh”>Flow Healing</span> <span class=“ev”>…</span></h1>
</div>
<p>What is Energia Vibrational Flow Healing? is a permanent form of healing that immediately starts healing within the client’s body. This healing provides relief from diseases such as cancer, birth defects, limb deformities needs, and many more. EFV has techniques that are used with each medical condition. My Angels and Guides have been teaching me these techniques every day. Energia Vibrational Flow is a new form of healing that the world needs.</p>
</div>
<!–end of contentinfo–></div>
<!–end of wrapper–>
</body>
</html>

@charset “utf-8”;
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
vertical-align : baseline;
}
body {
line-height : 1;
background-attachment: fixed;
background-position: center top;
background-color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
font-weight : bold;
clear : both;
font-family: Rockwell;
font-size: 24px;
text-align: center;
}
ol, ul {

}
blockquote:before, blockquote:after {

}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;

}
a img {
border : none;
}
#wrapper {
width : 1020px;
height: 850px;
margin : 0 auto;
}
#header {
position: absolute;
width:1020px;
height:199px;
background-image:url(…/images/header/header.jpg);
background-repeat:no-repeat;
}

#navigation {
background-image:url(…/images/header/navigation/navigation.jpg);
width: 1020px;
height: 66px;
margin: 0px auto;
}
#beth{
/position:absolute;
width:
height: ;
/

}
#logo{
position:absolute;
width: 251px;
height: 176px;
margin: 10px 20px;
}

#aboutenergia{
position:absolute;
width: 593px;
height: 300px;
margin: 220px 20px;
}
#wrapper #aboutenergia p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
color:#000;
font-weight: normal;
padding: 20px;
letter-spacing: 1px;
line-height: 1.1;
}

#quote{
position:absolute;
width: 265px;
height: 53px;
margin: 12px 20px;
}

/#logo {
position:absolute;
width: 161px;
height: 204px;
background-repeat:no-repeat;
margin: 105px 739px;
}
/
/#links{
position:absolute;
width: 400px;
height: 150px;
margin: 1100px 310px;
color: #FFF;
text-align: center;
}
/
.ev {
color: #080;
}
.fh {
color: #202020;
}

I would like all browsers to work regardless of platform or the age of the browser. Thanks in advance.