Please view this.
(http://tricountycoop.com/)

I have been working with CSS for a couple years now and this is the first time this problem has occurred.
I uploaded the website last week and it worked fine in all browsers, however another person has been updating it since and now it won't show up in Firefox the same way it does in IE. Would this be in the stylesheet? or am I overlooking some code that is there that shouldn't be there?

BTW, I use Frontpage

Any suggestions, advise or help... would be wonderful.. and very much appreciated!! You can view the style below, please reply here or jackie@himarkhosting.com


THANK YOU!!!


(styles.css)


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
img {
border-style: none;
}

body {
background-color: #034673;
color: #2a2d2e;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
h1 {
color: #3E527B;
font-size: 24px;
font-weight: normal;
line-height: 28px;
letter-spacing: -1px;
}
h2 {
color: #6982B5;
font-size: 18px;
font-weight: bold;
line-height: 20px;
border-bottom: 1px solid #939FB7;
padding-bottom: 5px;
}
a, a:link {
color: #6982B5;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #196ECC;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #46526A;
text-decoration: underline;
}
a:focus {
color: #13399D;
}
a:active {
color: #13399D;
}
#outerWrapper {
margin: 0 auto 20px;
text-align: left;
width: 920px;
background: #fff url(images/content-bg.png) repeat-y left 13px;
}
#outerWrapper #header {
font-size: 18px;
font-weight: bold;
line-height: 15px;
padding: 0px 10px;
height: 270px;
background: url(images/banner1.jpg) no-repeat left top;
}
#outerWrapper #topNavigation {
height: 30px;
padding: 0 0px;
background: url(images/navbg.png) repeat-x center;
margin-right: 20px;
margin-left: 20px;
}
#outerWrapper #contentWrapper #leftColumn1 {
float: left;
padding: 0px;
width: 170px;
}
#outerWrapper #contentWrapper #rightColumn1 {
float: right;
padding: 20px 0px 10px;
width: 160px;
}
#outerWrapper #contentWrapper #content {
margin: 0 170px;
padding: 20px;
}
#outerWrapper #contentWrapper .clearFloat {
clear: both;
display: block;
}
#outerWrapper #footer {
padding: 10px 30px 0px;
background: url(images/footer-bg.png) no-repeat left top;
height: 75px;
color: #FFFFFF;
text-align: center;
}
#leftColumnContent {
padding: 20px 0px 10px;
width: 170px;
}
#outerWrapper #contentWrapper {
padding-right: 25px;
padding-left: 25px;

}
#leftColumn1 ul, #rightColumn1 ul {
margin: 0px;
padding: 10px 0px 20px;
}
#leftColumn1 ul li, #rightColumn1 ul li {
list-style: none;
display: inline;
}#leftColumn1 ul li a, #rightColumn1 ul li a {
display: block;
padding: 4px 4px 4px 10px;
background: url(images/li-dot.gif) no-repeat left top;
border-bottom: 1px solid #E0E0E0;
}
#leftColumn1 ul li a:hover,#rightColumn1 ul li a:hover {
background: #F0F1F4 url(images/li-dot.gif) no-repeat left top;
text-decoration: none;
}
.fltlft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.fltrt {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
#content ul li {
margin-bottom: 5px;
}
#content blockquote {
border-left: 5px solid #BAC2D1;
margin-left: 15px;
background: #ECEEF2;
padding: 5px 10px;
margin-right: 15px;
}

#content blockquote blockquote {
background: #F8F9FA;
}


.sidebarlt {
background: #EBEDF1;
padding: 6px;
border: 1px solid #C6CCD9;
}
.sidebardk {
color: #FFFFFF;
background: #7786A4;
border: 1px solid #556481;
padding: 6px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
color: #FFFFFF;
}

#footer a, #footer a:hover, #footer a:visited, #footer a:active {
color: #FFFFFF;
}
#credit {
text-align: center;
background: #2E3645;
color: #576682;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
color: #576682;
}

There are structural errors. You need to correct those.
http://www.htmlhelp.com/cgi-bin/validate.c...;input=yes#L113

Your print style sheet is screwed up too. Not that it will affect how the page looks, but anyway.
http://jigsaw.w3.org/css-validator/validat...g=1&lang=en

Thank you so much for taking the time to look over my page and for your advise.
Structural errors? Can you be more specific? Like I said, I'm new to this.. not quite sure I understand the lingo just yet lol.
Do I need to delete something.. or? And after making these changes... will enable the website to be viewed correctly in IE??? Cause that's the most important concern at this point.

thank you so much.

Here's an explanation of some of the errors.

The only thing you can put in a UL element is LI elements. If you're going to nest lists, then the nested UL elements need to be inside LI elements, like this:Actually, it looks like most of the errors are related to this.

If you're going to use XHTML, then you need to use <br /> rather than just <br>.

Thank you for that helpful information. Another quick question.. does frontpage add random codes whenever it feels like it.. because every time I go back to edit the code.. it goes back to what it was before. UGH frustrating.

I've noticed its the menu bar that is causing me all these headaches. I dont have a lot of time to work on this project.. it needs to be done. Would it make sense to just replace the menu bar with a new one that will open in all browsers?

Have you ever used cssmenumaker.com

Oh yes, I believe it does. It should be possible to stop that behavior, but I've forgotten how. Never used the program myself, just heard it described.

Just a hint, FP doesn't have the best reputation. No one here would recommend it.

Yeah, I use it for some things and then dreamweaver for other things. I switch back n forth a lot building one website actually. Maybe that's why it's a mess...


~Jackie
jldigitalz.com
myspace.com/sazzi

UGH cant figure this page out. If anyone can help me.. I'll love you forever.