REALLY weird CSS problem - need urgent help!!

[excelsior9]

Ok, this is freaking me out. I have no idea what's going on.

Head over to

http://www.littleheadlines.com/etcetera2/index.php

In Firefox, the styles have stopped loading after the navigation bar and some styles seem not to work in IE also.

I have no idea what's caused this because everything was working perfectly until a few moments ago. I was just uploading some files (php scripts, nothing to do with the CSS or the header file which includes styles.css)

Here are my styles:


.dateandinfo { color:#959595; font-family:georgia; font-size:11pt; }

.h1 { color:#ffffff; font-family:georgia; font-size:52pt; }

.biglightgreyhead { color:#999999; font-family:georgia; font-size:21.5pt; }

.tagline { color:#959595; font-family:georgia; font-size:11pt; }

.menuoption { color:#ffffff; font-family:georgia; font-size:13pt; }

.menuoption:link, .menuoption:visited { color:#ffffff; font-family:georgia; font-size:13pt; text-decoration: none; }

.menuoption:hover { color:#555555; }

.basictext { color:#000000; font-family:verdana; font-size:8.5pt; line-height:10pt; }

.basictext2 { color:#000000; font-family:verdana; font-size:8.5pt; line-height:10pt; font-weight:bold;

.yellowheader { color:#fff568; font-family:verdana; font-size:8.5pt; font-weight:bold; }

.blueheader { color:#7da7d9; font-family:verdana; font-size:8.5pt; font-weight:bold; }

.readout1 { color:#ffffff; font-family:verdana; font-size:7.5pt; line-height:10.5pt; }

.updateheader { color:#f36523; font-family:verdana; font-size:11pt; font-weight:bold; }

.updatetext { color:#000000; font-family:verdana; font-size:9.5pt; line-height:12pt; }

.arttag { color:#33cc00; font-family:verdana; font-size:10.5pt; }

.extrasheader { color:#777777; font-family:verdana; font-size:9pt; font-weight:bold; }

.extrasoption { color:#777777; font-family:verdana; font-size:9pt; }

.extrasoption:link, .extrasoption:visited { color:#777777; font-family:verdana; font-size:9pt; text-decoration: none; }

.extrasoption:hover { text-decoration: underline; }

.formalheader { color:#000000; font-family:verdana; font-size:10.5pt; font-weight:bold; }

.massivequote { color:#6699cc; font-family:georgia; font-size:26pt; line-height:28pt; }

.subline { color:#888888; font-family:verdana; font-size:9.5pt; font-weight:bold; }


.functional1 { color:#555555; font-family:verdana; font-size:9.5pt; font-weight:bold; }

.smallprint1 { color:#818181; font-family:georgia; font-size:9.5pt; }

.smallprint { color:#666666; font-family:verdana; font-size:7.5pt; }

.verysmallwhite { color:#ffffff; font-family:verdana; font-size:6.5pt; }

.verysmallwhite:link, .verysmallwhite:visited { color:#ffffff; font-family:verdana; font-size:6.5pt; text-decoration:none; }

.verysmallwhite:hover { text-decoration: underline; }

.footertext { color:#222222; font-family:verdana; font-size:8.5pt; }


input.logbtn { color:#FFFFFF; font-family:verdana; font-size:7pt; font-weight:bold; background-color:#000000; border:1px solid; border-top-color:#818181; border-left-color:#818181; border-right-color:#818181; border-bottom-color:#818181; }

input.logbtnhov { border-top-color:#ffffff; border-left-color:#ffffff; border-right-color:#ffffff; border-bottom-color:#ffffff; }

input.logbox { background: #FFFFFF; border: 1px solid #000000; height:18px; }

input.btn2 { color:#FFFFFF; font-family:verdana; font-size:8.5pt; font-weight:bold; background-color:#444444; border:1px solid; border-top-color:#818181; border-left-color:#818181; border-right-color:#818181; border-bottom-color:#818181; }

input.btn2hov { border-top-color:#000000; border-left-color:#000000; border-right-color:#000000; border-bottom-color:#000000; }

input.searchbox { background: #FFFFFF; border: 1px solid #000000; }

input.btn3 { color:#FFFFFF; font-family:verdana; font-size:7.5pt; font-weight:bold; background-color:#555555; border:1px solid; height:18px; border-top-color:#818181; border-left-color:#818181; border-right-color:#818181; border-bottom-color:#818181; }

input.btn3hov { border-top-color:#000000; border-left-color:#000000; border-right-color:#000000; border-bottom-color:#000000; }

input.searchbox2 { background: #FFFFFF; border: 1px solid #000000; height:18px; }


.errortext { color:#FF0000; font-family:verdana; font-size:7.5pt; font-weight:bold; }

 

[excelsior9]

Ahem... fixed it.

Stupid me.

 

[BillyRayPreachersSon]

That would be the missing closing brace, then?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[jlockley]

I hate it when that happens.

 

[ChrisHunt]

That's why it's important to have HTML/CSS that validates. Think of it as a "stupid mistake filter".

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd