IE and Mozilla hates my code.

Can you help me?

[riotaccordion]

hey yall, my code is valid but for some reason css doesn't appear in anything but safari. I'm a little confused and stuck. Myabe it's the html. Help me out

html {margin: 0; padding: 0;}
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color:#000000;
}
.hidden {
display: none;
}

/* Text Styling */
p {font-size: 0.82em; line-height: 1.3em; margin: 0; padding: 0px 0px 10px 0px; color:#007B00;}
.intro { font-size:1.0em; line-height:1.6em;}
h1 {font-size: 1.3em; margin: 0; padding: 30px 0px 16px 0px; color: #004700;}
h2 {font-size: 0.95em; margin: 0; padding: 6px 0px 4px 0px;line-height: 1.8em; color: #7B0B00;}
h3 {font-size: 0.90em; margin: 0; padding: 6px 0px 2px 0px;line-height: 1.3em; color: #7B0B00;}
h4 {font-size: 0.85em; margin: 0; padding: 6px 0px 2px 0px;line-height: 1.2em;}
#content h1, h2, h3 {line-height: 1em;}
a {color: #7B0B00; font-weight:normal; text-decoration: underline; padding: 0 0 0 0;}
a:link {color: #7B0B00; font-weight:normal; text-decoration: underline;}
a:hover {color: #B5A5B0; font-weight:normal; text-decoration:underline;}
em { font-weight:normal; color: #004700;}
acronym {border-bottom: 1px dashed #004700; cursor:help; font-style:normal}
a acronym {cursor:pointer}
#ColumnLeft ul, #HomeLeftColumn ul { margin-left: 10px; margin-right: 10px; margin-top:0; padding:0; }
#ColumnLeft li, #HomeLeftColumn li { list-style:square; margin-left: 10px; margin-right: 0px; padding:2px; text-indent:0px;font-size: 0.82em; line-height: 1.3em;}
.ErrorMessage {color:#FF0000;font-style:normal;font-size:12px;}
.intro { font-size:1.0em; line-height:1.3em;}
.SkillSet { font-style:italic; font-size:0.8em; font-weight:normal; line-height:1.2em; margin-bottom:7px; background-color:#D9B9DD; padding:3px; margin-top:8px;}
.SiteDescription {padding:0; margin-top:4px; margin-bottom:4px;}
#FooterContainer p {font-size: 0.9em; line-height: 1.3em; margin:0; padding:0; color:#007B00;}
label { display:block; float:left; padding:2px; width:175px; font-size: 0.9em;}
input {display:block; float:left; width:200px; padding:0px; margin:2px; font-size: 0.9em;}
textarea {display:block; float:left; width:200px; padding:0px; margin:2px; font-size: 0.9em;}
select { display:block; float:left; width:200px; padding:0px; margin:2px; font-size: 0.9em;}
.Button {width:75px; font-size: 0.9em; float:right;}
.hand {cursor: pointer;}
.sidenavhead {font-size: 0.9em; font-weight:bold; margin: 0 0 6px 0; padding:0; line-height: 1.3em; color: #004700;}
/* Page Layout & Containers */
#PageContainer {
text-align:center;
}
#header {
background-image:url(birds.png);
background-repeat:no-repeat;
background-position:left;
width:950px;
height:195px;
text-align:center;
}
#BodyFrame {
width:760px;
margin:0;
padding:0;
float:left;
background-color:#FFFFFF;
}
#HomeLeftColumn {
width:479px;
float:left;
margin-left:29px;
margin-bottom:15px;
margin-right:15px;
padding:0px;
text-align:left;
}
#SiteBuilderPanel {
width:165px;
float:left;
margin:12px;
padding:2px;
text-align:center;
background-color:#C8DDEE;
}
#HomeRightColumn {
width:165px;
float:left;
margin:12px;
padding:2px;
text-align:center;
background-color:#48FF48;
}
#HomeRightColumn p, #SiteBuilderPanel p{
font-size:0.75em;
line-height:1.2em;
margin:0;
padding:0;
}
.ExpandingLayer {
display:none;
background-color:#48FF48;
padding:5px;
}
.SBPromoPanel {
width:150px;
padding:5px;
text-align:left;
}
.PromoPanel {
width:150px;
padding:5px;
border-bottom:1px dashed #48FF48;
text-align:left;
}
.PromoPanelBtm {
width:150px;
padding:5px;
background-color:#48FF48;
text-align:left;
}
#ColumnLeft {
width:449px;
background-color:#FFFFFF;
margin:0px;
padding-left:58px;
padding-right:30px;
border-width:0px;
float:left;
width:449px;
}
html>#ColumnLeft {
width:449px;
}
#ColumnRight {
width:180px;
float:left;
margin:0;
padding:0;
border-width:0px;
background-color:#FFFFFF;
}

#PortfolioColumnLeft {
width:479px;
float:left;
margin-left:31px;
margin-bottom:15px;
border-right:22px;
padding:0px;
text-align:left;
background-color:#FFFFFF;
}

#SideNavContainer {
margin: 30px 10px 10px 10px;
padding: 10px;
width:185px;
background-color:#fff;
width:180px;
}
html>#SideNavContainer {
width:180px;
}

#FurtherReading {
background-color:#C8DDEE;
width:98%;
padding:5px;
margin-bottom:15px;
}
.FRTitle {
padding:4px 0 0 0;
}
#FooterContainer {
background-image:url(../images/footer2.gif);
background-repeat:no-repeat;
background-position:left;
background-color:#48FF48;
width:760px;
height:112px;
padding:0px;
clear:both;
margin:0px;
}
#FooterContent {
margin:0px;
padding-top:49px;
padding-left:65px;
border-width:0px;
}

#credits {
font-size:0.70em;
color:#FFFFFF;
font-weight:normal;
padding:5px;
width:760px;
text-align:center;
background-color:#000004;
clear:both;
display:block;
}
#credits img { border:0; margin:4px;}

#credits a { color: #CB9DD0; }

.PortfolioDetailContainer {
width:400px;
float:left;
margin-left:31px;
margin-bottom:15px;
margin-right:15px;
padding:0px;
text-align:left;
}
.PortfolioPicContainer {
width:250px;
float:left;
margin:5px;
padding:0px;
background-color:#D9B9DD;
}

/* Navigation */
#topnav2 {
background-image:url(/logo.jpg);
background-repeat:no-repeat;
background-position:left;
background-color:#000004;
width:760px;
height:25px;
text-align:left;
}
#topnav2 ul { padding:5px 3px 5px 55px; margin: 0; font-size: 0.75em;}
#topnav2 li { list-style:none; margin:0; display:inline; padding:0; margin:0;}
#topnav2 ul li a {padding:5px 5px 5px 5px; font-weight:normal;}
#topnav2 ul li a:link {color:#FFFFFF; text-decoration:none;}
#topnav2 ul li a:hover {background-color:#1E8AA2; text-decoration:none;}
#topnav2 ul li a:visited {color:#FFFFFF; text-decoration:none;}

#topnav {
background-position:left;
background-color:#00AD00;
width:760px;
text-align:left;
}
#topnav ul { padding:5px 3px 5px 55px; margin: 0; font-size: 0.8em;}
#topnav li { list-style:none; display:inline; padding:0; margin:0;}
#topnav ul li a {padding:5px 5px 5px 5px; font-weight:normal;}
#topnav ul li a:link {color:#FFFFFF; text-decoration:none;}
#topnav ul li a:hover {background-color:#1E8AA2; text-decoration:none;}
#topnav ul li a:visited {color:#FFFFFF; text-decoration:none;}
#topnav ul li a.samePage {text-decoration:none; background-color:#187183; color:#FFFFFF;}

#SubNav { list-style:none; padding:0px; margin:0; font-size: 0.75em; width:95%;}
#SubNav ul { list-style:none; padding:0; margin:0;}
#SubNav li { color: #004700; padding:0; margin:0; border-top:1px dashed #999999; }
#SubNav li a {padding:3px 3px 3px 3px; font-weight:normal; display:block; width:100%;text-decoration:none;}
#SubNav li li{ margin-left:12px;}
#SubNav li a:hover { background-color:#1E8AA2; color:#FFFFFF;}
#SubNav li li a:hover { background-color:#ACE4F0; color:#CDE6EB;}
#SubNav li a:visited {text-decoration:none;}
#SubNav li a.samePage2 { color:#004700; background-color:#CDE6EB; }

/* Forms */

.FormLabel {
font-size: 0.75em;
line-height: 1.2em;
}
.FormLabelHead {
font-size: 0.8em;
line-height: 1.2em;
font-weight:bold;
padding-bottom:4px;
}
#Country {
display:none;
}

[Xapti]

Well if the CSS doesn't appear in any other browser... then it's not the contents of the code that's the problem! how did you link your stylesheet? does it use javascript? did you use @import or link element, or put it inline in your document? The best idea is to put hte CSS straight in the HTML page in the style tag, to make sure it works.