Layout issue in Netscape

Here is the code in the code in the body of my page:

<script language="JavaScript" type="text/JavaScript">

/*Browser detection script that writes a browser specific style sheet to the page*/
if(navigator.appName == "Netscape")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/EI_styleNS3.css" />');
}
if(navigator.appName == "Microsoft Internet Explorer")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/EI_style3.css" />');
}
/*if(navigator.appName == "Opera")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="/CSS/EI_styleO.css" />');
}*/
/*End browser detection script*/
//-->
</script>

Project Management Training Services (PMTS)
The most effective training programs are those that integrate the best of theory with practical, real world experiences.
Training programs must integrate theory with real world experiences to be effective. Training programs at Edwards Industries bring the theory and real world experiences together to create comprehensive courses in project management theory, principles, practices and toolsets. These courses, designed around project management “best practices” and based on the Project Management Institute’s (PMI®) Project Management Body of Knowledge (PMBOK®), are taught by project managers with experience and insight into managing real world situations and projects.
We teach a comprehensive series of courses in general project management including project planning, project tracking, earned value management systems (EVMS) and risk management. We also teach courses in Microsoft® Project 98, 2000, 2002, and 2003 (Standard, Professional and Enterprise) based on project management principles using our trademark Desktop References. Our Microsoft® Project training courses are designed around a project management process that uses the tool to successfully manage your project schedule. We do not teach point-and-click classes.

Microsoft® Project
Our Microsoft® Project training courses are designed around a project management process that uses the tool to successfully manage your project schedule. We do not teach point-and-click classes.

• Microsof® Project 2003 Core Course
• Microsof® Project Advanced Courses
• Project Management Using Microsof® Project
• Microsoft® Project 2003 Executive Manager Overview

General Project Management
All of our courses are based on industry “best practices” and sound project management principles from PMI®. Edwards Industries is a Global Registered Education Provider (REP) with PMI®.

• Risk Management
• Project Management Core Course
• Project Management Executive Overview
• Project Requirements Gathering
• Project Quality Course
• Stakeholder Management Course

Project Performance Management
This training course, developed by Edwards Industries and taught by experienced project managers, will present you with a clear, comprehensive, step-by-step methodology for planning your projects and measuring and reporting performance.

• Earned Value Management Analysis & Management

PMP® Certification Training
This course focuses on test taking techniques to prepare a knowable project manager to take the PMP test.

• PMP® Test Prep Course

And here is the code in my CSS file:

A{
color: #570D0D; font-size:10px; font-family:verdana,arial, Helvetica; text-decoration: none
}
BODY {
FONT-SIZE: 10pt;

margin-left:1px;
COLOR: #000000;
FONT-FAMILY:verdana, Helvetica, sans-serif;
LIST-STYLE-TYPE: none;
BACKGROUND-COLOR: #97A7B7;
text-align:center;
}

.moreheight {height:10px;}

.sbutitleline{
border: 1px solid #4D1F7B;
background-color:#4D1F7B;
padding-left:4px;
text-align:left;
}

.header {
border:0px solid #ffffff;
background-color:#cccccc;
width:746px;
height:150px;

}

.sbuheader {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:20px;
padding-bottom:5px;

}

.newstitleline{
border: 1px solid #C7DBA9;
background-color:#C7DBA9;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:245px;
font-size:10px;

text-align:left;
}

.eventstitleline{
border: 1px solid #C7DBA9;
background-color:#C7DBA9;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:15px;
font-size:10px;
}

.headertop {
border:0px solid #ffffff;
background-color:#97A7B7;
width:744px;
height:150px;
margin-left:0px;
/*background-image:url(../Images/header/Newheader.jpg);

background-attachment:fixed;
background-repeat:no-repeat;*/
}

.seperator{
background-image:url(../images/line.gif);
background-attachment:fixed;

background-repeat:repeat-y;
height:200px;
}

span.newseventfont {
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
COLOR: #000000;
text-align:left;
}

span.bold{
font-weight:bold
font-size:9px;

}

span.morenews{
margin-left:598px;

}

span.moreevents{
margin-left:582px;

}

Table.contentborder {
border:1px solid #c0c0c0;
}

.searchbox{
position:absolute;
top:-21px;
left:1px;
}

ul.newhome{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

.rightborder {
position:absolute;
top:175px;
left:685px;
}

.rightborder1 {
position:absolute;
top:-18px;
left:680px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
width:100px;
color:#FFFFFF;
padding-right:5px;
}

span.newline{margin-left:307px;}

span.wbsimage{
text-align:center;
border: 0px solid black;
width: 225px;
}
td.lineunder{
color:#0353a5;
font-size:9pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px;
text-align:justify;
}
.linearound{
border:1px solid #c0c0c0;
margin:2px;
width:740px;
padding-bottom:4px;
}

.footerbottom{
/*margin-left:344px;*/
text-align:center;
}

.tagline {
position:absolute;
top:120px;
left:215px;
}

.outerbox{
width:766px;

}

.innerbox{

border:0px solid #c0c0c0;

background-color:#ffffff;
}

.contentbox2{
border:1px solid #BDD6E0;
color:#000000;

margin-left:2px;
margin-right:2px;
margin-bottom:2px;

background-color:#ffffff;
}

.searchbox2{
position:absolute;
top:-22px;
left:1px;
}

a.sitemap{
color:#0D3257;
}

.navleft{
border:1px solid #BDD6E0;
position:absolute;
top:188px;
left:2px;
width:220px;
height:200px;
background-color:#ffffff;
text-align:center
}

a.submitbutton{
background:#ffffff;
color: #0D3257;

text-align:center;
font-family:verdana,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;

}
a.submitbutton:hover{
background:#ffffff;
color:#330066;
}

.pmss {
border:0px solid #BDD6E0;
width:180px;

margin-top:5px;
margin-left:78px;
float:left;
text-align:center;

color:#000000;
}

.pmts {
border:0px solid #BDD6E0;

width:180px;

float:left;
text-align:center;

color:#000000;
margin-top:5px;

}

.bsi {
border:0px solid #BDD6E0;
width:180px;

text-align:center;

color:#000000;
margin-top:5px;
float:left;
}

span.timesmewroman{
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color: #0D3257;
}

.logos {
width:730px;
text-align:center;

}

span.sbuheader{
font-size:9pt;
}

span.sbucontent1{
text-align:center;
font-size:9pt;

width:220px;
border:0px solid #000000;
}

span.sbucontent2{
text-align:center;
font-size:9pt;
border:0px solid #000000;
width:220px;
padding-left:10px;
}

span.sbucontent3{
text-align:center;
font-size:9pt;
padding-left:12px;
width:220px;
border:0px solid #000000;
}

span.upcomingevents{
text-align:left;
font-weight:bold;
}

.space{
width:30px;
float:left;
}

.titleline{
border: 1px solid #C7DBA9;
background-color:#C7DBA9;
font-weight:bold;
color:#0D3257;
font-size:10px;

}
span.indent{
margin-left:68px;
}

span.date{
font-weight:bold;
color:#65754D;
font-size:9px;
}

#container
{
width: 766px;
background-color: #ffffff;
border:0px solid #BDD6E0;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{

float: left;
width:165px;
background-color: #ffffff;
margin-left: 2px;
font-weight:bold;
padding: 1em;
border: 1px solid #BDD6E0;
}

#content
{
vertical-align:top;
width:740px;
border: 1px solid #BDD6E0;
padding: 1em;
margin-right: 0px;
margin-bottom: 4px;
background-color: #ffffff;
text-align:left;
}

.content
{
font-size:10px;
font-family:verdana,arial, Helvetica;
width:752px;
border: 1px solid #BDD6E0;
padding:5px;
margin-left: 3px;
margin-bottom: 4px;
background-color: #ffffff;
text-align:left;
}

.breadcrumb
{
height:20px;

position:absolute;
top:178px;
width:760px;
left:308px;
}
.center
{

font-size:14px;
font-weight:bold;
text-align:center;
color:#0D3257;
}

span.coursetitle
{
font-size:12px;
color:#57570D;
font-weight:bold;

}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

table.contentbox{

color:#000000;

border:1px solid #BDD6E0;
width:764px;
padding-bottom:4px;
background-color:#ffffff;
}

table.box{

color:#000000;

border:0px solid #BDD6E0;
width:770px;
padding-bottom:4px;
background-color:#ffffff;
}

td.outerline{
border:1px solid #BDD6E0;

}

Thanks so much for looking at this.

wstinnett

Have you ever used a browser detect script before. I am wondering if it doesn't have something to do with a bug in that. I don't use one, and I haven't had any problems, other than the one I mentioned. Not with any browser, of course I don't know about old versions of some of them, but I don't even worry about that.

Ok, do me a favor when you are messing around with the page. My html/style checker took a big exception to the use of 770px in your table.

Suggested change to 0 or percent, like 100%. I tried it on my end, and it did chance things. FF had no scroll bar, but IE did, when I changed to "0" both were properly spaced on my desktop. This could be the whole problem, and it would not be hard to checkout.

I thought about it but did not take it to heart, until my check program brought it up.