Cross browser problems!!! Pls help!!

[rachit14nov]

first off i would like to thank anyone who helps me as i have been searching and trying for about a month now and i figure its about time to ask for help!

okay so here is the problem... As i use firefox mostly i created a site for my cousin
Richard Choi

using dreamweaver i created the entire site and used firefox to check. When i finished making the site, i started checking other browsers like safari (on my mac) and ie6. The problem im running into is that safari and ie6 moves the contents of the iframe down roughly 4 pixels.

the setup of the website is on the left i have the navi frame and on the right i have where all the other pages appear.

heres the code for navi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>navi</title>
<style type="text/css">
<!--
.char {
font-family: arial;
font-size: 11.75px;
color: #808285;
line-height: 19px;
}
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.copyright {
font-family: arial;
font-size: 10.25px;
color: #bcbec0;
font-weight: normal;
}
a:link {
color: #808285;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #808285;
}
a:visited:active {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
.copyright {
font-size: 10.25px;
}

-->
</style>
</head>

<body>
<blockquote>
<div style="width: 150px">
<br />
<br />
<br />
<p class="char"><a href="home.htm" target="cont_frame">Richard Choi</a><br />
<br />
<a href="pages/a1_jpg.htm" target="cont_frame">Amish</a><br />
<a href="pages/01_jpg.htm" target="cont_frame">Midwestern Landscapes</a><br />
<a href="pages/l1_jpg.htm" target="cont_frame">Levis</a><br />

<br />
<a href="all.htm" target="cont_frame">all</a><br />
<br />
<a href="CV.htm" target="cont_frame">CV</a><br />
<a href="contact.htm" target="cont_frame">Contact</a>
<br />
<br />
<span class="copyright">© 2009 Richard Choi </span>
</p>
</div>
</blockquote>
</body>
</html>


and heres the code for the cv page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>
<head>
<title>all</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<style type="text/css">
<!--
.char {
font-family: arial;
font-size: 11.75px;
color: #808285;
line-height: 20px;
font-weight: normal;
}

body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
color: #808285;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #808285;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
h3 {
position: relative;
left:0px;
top:111px;
overflow: hidden;
}
h4 {
position: relative;
left:0px;
top:111px;
overflow: hidden;
font-family: arial;
font-size: 11.75px;
color: #808285;
line-height: 20px;
font-weight: normal;
}
-->
</style>
</head>
<body bgcolor="#ffffff">
<h4>
<b>Client List</b><br />
American Rag<br />
Art Center College of Design<br />
Flaunt Magazine<br />
Hudson Jeans<br />
Levi Strauss & Co<br />
Orion House Publishing<br />
Random House<br />
St. Martin's Press<br />
The Fader<br />
W Magazine<br />
<br />
<b>Education</b><br />
Art Center College of Design<br />
BFA Photography
</h4>
</body>
</html>


if anyone can help me figure out why in safari the client list doesnt match up horizontally with amish from the navi. Thanks