Positioning /scrolling problem Firefox and Safari

I apparently have inadvertently changed the CSS for my website
www.truckeerotary.com. In IE7 pages are centered and when too long the page
scrolls down. In Firefox and Safari the page is pushed to the far left and
locked in place. There are two style sheets used. rotary.css and style.css

I have checked the code but I am missing something. New to Dreamweaver and
still working thru correct syntax for CSS


Rotary.CSS

/* This is the main layout */
body {
background-color: #FFFFFF;
left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 83%;
font-style: normal;
font-weight: normal;
font-variant: normal;
position: fixed;
}
a {
color: #0000FF;
}
h3 {
margin: 0;
margin-bottom: 6px;
}

#outside {
margin: auto;
width: 825px;
border: 1px solid #0000CC;
background-color: #0000FF;
}

#permlink {
margin: 0;
padding: 2px;
text-align: right;
border: solid 1px #ffffff;
color: #FFFFFF;
}
#permlink a {
margin-left: 5px;
margin-right: 5px;
color: #FFFF00;
}

#header {
margin: 0;
padding: 0;
border: solid 1px #ffffff;
background-image: url(images/RotaryGroupWeb.jpg);
}
#header h1 {
margin: 0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
color: #0000FF;
}

#topnav {
margin-bottom: 5px;
border: solid 1px #ffffff;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding: 0px;
}
#topnav a {
}

#left {
float: left;
width: 160px;
border: solid 1px #ffffff;
}

#middle {margin-left: 162px; margin-right: 186px; border: solid 1px #ffffff;}

#right {
float: right;
width: 182px;
border: solid 1px #ffffff;
background-color: #FFFFFF;
}

#footer {clear: both; margin: 0; text-align: left; border: solid 1px #ffffff;}
#footer h5 {margin: 0;}

.box {
width: 92%;
padding: 10px;
border: solid 1px #666666;
margin: auto;
}


/* These are used to colorize the page */
body {background-color: #d1d1d1;}
h3 {
color: #333333;
padding-bottom: 3px;
border-bottom: solid 2px #cccccc;
font-size: 12px;
font-weight: bolder;
}
h5 {padding-left: 5px; color: #5a6156;}

#outside{
background-color: #0000FF;
border: solid 1px #aaaaaa;
}

#permlink{
border: solid 1px #30392c;
background-color: #0000CC;
}
#permlink a {
text-decoration: none;
color: #FFFF00;
}
#permlink a:hover {
text-decoration: underline;
color: #FFFFFF;
}

#header{
border: solid 1px #781000;
background-color: #0000CC;
height: 80px;
}
#header h1 {
color: #0000FF;
}

#topnav {
border: solid 1px #5a6156;
background-color: #FFFF00;
padding: 3px;
text-align: left;
}
#topnav a {
border: solid 1px #5a6156;
text-decoration: none;
background-color: #0000FF;
color: #d5ddcd;
padding-right: 2px;
padding-left: 2px;
}
#topnav a:hover {
border: solid 1px #d5ddcd;
background-color: #d5ddcd;
color: #781000;
}

#left {
border: 1px solid #d5ddcd;
}

#middle {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #d5ddcd;
border-right-color: #d5ddcd;
border-bottom-color: #d5ddcd;
border-left-color: #d5ddcd;
}

#right {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #d5ddcd;
border-right-color: #d5ddcd;
border-bottom-color: #d5ddcd;
border-left-color: #d5ddcd;
}

#footer {border: solid 1px #d5ddcd;}

.box {
background-color: #FFFFFF;
border: solid 0px #cccccc;
height: auto;
width: auto;
}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline;}
.box ul {margin: 0; padding-left: 15px; list-style: circle;}
#top_template {
margin: 0px;
width: auto;
background-color: #0000FF;
background-image: url(images/blueyell50_header.jpg);
background-repeat: no-repeat;
background-position: 10px;
height: 45px;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-right-color: #000000;
border-bottom-color: #333333;
border-left-color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
color: #FFFF00;
text-indent: 4em;
text-align: left;
vertical-align: bottom;
padding-top: 15px;
}
.fix_this {
color: #FF0000;
}


STYLE.CSS

/* This is the main layout */
body {
background-color: #FFFFFF;
left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 83%;
font-style: normal;
font-weight: normal;
font-variant: normal;
position: fixed;
}
a {
color: #0000FF;
}
h3 {
margin: 0;
margin-bottom: 6px;
}

#outside {
margin: auto;
width: 825px;
border: 1px solid #0000CC;
background-color: #0000FF;
}

#permlink {
margin: 0;
padding: 2px;
text-align: right;
border: solid 1px #ffffff;
color: #FFFFFF;
}
#permlink a {
margin-left: 5px;
margin-right: 5px;
color: #FFFF00;
}

#header {
margin: 0;
padding: 0;
border: solid 1px #ffffff;
background-image: url(images/RotaryGroupWeb.jpg);
}
#header h1 {
margin: 0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
color: #0000FF;
}

#topnav {
margin-bottom: 5px;
border: solid 1px #ffffff;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding: 0px;
}
#topnav a {
}

#left {
float: left;
width: 160px;
border: solid 1px #ffffff;
}

#middle {margin-left: 162px; margin-right: 186px; border: solid 1px #ffffff;}

#right {
float: right;
width: 182px;
border: solid 1px #ffffff;
background-color: #FFFFFF;
}

#footer {clear: both; margin: 0; text-align: left; border: solid 1px #ffffff;}
#footer h5 {margin: 0;}

.box {
width: 92%;
padding: 10px;
border: solid 1px #666666;
margin: auto;
}


/* These are used to colorize the page */
body {background-color: #d1d1d1;}
h3 {
color: #333333;
padding-bottom: 3px;
border-bottom: solid 2px #cccccc;
font-size: 12px;
font-weight: bolder;
}
h5 {padding-left: 5px; color: #5a6156;}

#outside{
background-color: #0000FF;
border: solid 1px #aaaaaa;
}

#permlink{
border: solid 1px #30392c;
background-color: #0000CC;
}
#permlink a {
text-decoration: none;
color: #FFFF00;
}
#permlink a:hover {
text-decoration: underline;
color: #FFFFFF;
}

#header{
border: solid 1px #781000;
background-color: #0000CC;
height: 80px;
}
#header h1 {
color: #0000FF;
}

#topnav {
border: solid 1px #5a6156;
background-color: #FFFF00;
padding: 3px;
text-align: left;
}
#topnav a {
border: solid 1px #5a6156;
text-decoration: none;
background-color: #0000FF;
color: #d5ddcd;
padding-right: 2px;
padding-left: 2px;
}
#topnav a:hover {
border: solid 1px #d5ddcd;
background-color: #d5ddcd;
color: #781000;
}

#left {
border: 1px solid #d5ddcd;
}

#middle {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #d5ddcd;
border-right-color: #d5ddcd;
border-bottom-color: #d5ddcd;
border-left-color: #d5ddcd;
}

#right {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #d5ddcd;
border-right-color: #d5ddcd;
border-bottom-color: #d5ddcd;
border-left-color: #d5ddcd;
}

#footer {border: solid 1px #d5ddcd;}

.box {
background-color: #FFFFFF;
border: solid 0px #cccccc;
height: auto;
width: auto;
}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline;}
.box ul {margin: 0; padding-left: 15px; list-style: circle;}
#top_template {
margin: 0px;
width: auto;
background-color: #0000FF;
background-image: url(images/blueyell50_header.jpg);
background-repeat: no-repeat;
background-position: 10px;
height: 45px;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-right-color: #000000;
border-bottom-color: #333333;
border-left-color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
color: #FFFF00;
text-indent: 4em;
text-align: left;
vertical-align: bottom;
padding-top: 15px;
}
.fix_this {
color: #FF0000;
}

"snowshoe (AT) suddenlink (DOT) net" <snowshoe (AT) suddenlink (DOT) net> wrote in
news:gqh69h$ifc$1 (AT) forums (DOT) macromedia.com:

I apparently have inadvertently changed the CSS for my website
www.truckeerotary.com. In IE7 pages are centered and when too
long the page scrolls down. In Firefox and Safari the page is
pushed to the far left and locked in place. There are two style
sheets used. rotary.css and style.css

I have checked the code but I am missing something. New to
Dreamweaver and
still working thru correct syntax for CSS

For starters, you're specifying a non-existant style sheet before
your embedded styles.

From the HTML page Remove:
<link rel="stylesheet" type="text/css" href="rotary.css" />

Secondly, in CSS/Rotary.css, remove "position: fixed" from your
body rule and see if that fixes the problem in FF for you. It did
for me.

Third, Why are you using x-small and xx-small for your font-size?
Are you *trying* to make the site difficult to read? Maybe it's
just a style point, but I'd *NEVER* use extra small fonts for my
main content. Consider removing ALL changes to font sizes in your
CSS; let the user decide how large the text should be.

~~BB


--
************************************************** **********
* Can't see the Forest | Bryan B. *
* Through the Spam? | Reply if you want. E-mail *
* Take it out! | address changes frequently *
* (Damn Viruses!) | to foil spambots. *
************************************************** **********

Change Rotary.css from this:

/* This is the main layout */
body {
background-color: #FFFFFF;
left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-style: normal;
font-weight: normal;
font-variant: normal;
position: fixed;
}

To this:

/* This is the main layout */
body {
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
}


--
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/

Nancy thank you solving the problem. Frustrating how one simple item like "fixed position" can cause so much agrevation! Without people like you many of new users would most likely give up!
Tom Combs

To BB. Also thanks for the assistance and comments about some of my other problems. Like the economic stimulus plan --- thanks for bailing me out!!