URGENT help needed

[Skinnybobb]

Hiya guys,
I have written a site but cannot get it working in firefox.
Can anyone help me please

Here is my css


BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 20px; COLOR: #333333; PADDING-TOP: 0px; FONT-STYLE: normal; FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; BACKGROUND-COLOR: #e1ddd9; TEXT-ALIGN: center; FONT-VARIANT: normal
}
#outer {
BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; MARGIN: auto; BORDER-LEFT: #666666 1px solid; WIDTH: 650px; BORDER-BOTTOM: #666666 1px solid; TEXT-ALIGN: left
}
.header {
BACKGROUND: #ffffff; MARGIN: 0px; WIDTH: 100%; COLOR: #564b47
}
.headerleft {
BACKGROUND: #ffffff; FLOAT: left; COLOR: #564b47; TEXT-ALIGN: left
}
.headerright {
BACKGROUND: #ffffff; FLOAT: right; COLOR: #564b47; TEXT-ALIGN: right
}
#bar {
BORDER-RIGHT: #666666 0px solid; BORDER-TOP: #666666 1px solid; BACKGROUND: #c0c0c0; BORDER-LEFT: #666666 0px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 25px
}
#bodyblock {
PADDING-RIGHT: 0px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; WIDTH: 650px; COLOR: #333333; PADDING-TOP: 0px; POSITION: relative
}
#l-col {
BACKGROUND: #ffffff; FLOAT: left; WIDTH: 160px; COLOR: #333333
}
#cont {
BORDER-RIGHT: #666666 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666666 0px solid; PADDING-LEFT: 5px; BACKGROUND: #ffffff; PADDING-BOTTOM: 5px; BORDER-LEFT: #666666 0px solid; WIDTH: 470px; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #666666 0px solid; TEXT-ALIGN: left
}
.footer {
PADDING-RIGHT: 2%; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 2%; FONT-SIZE: 8pt; PADDING-BOTTOM: 1%; MARGIN: 0px; COLOR: #666666; PADDING-TOP: 1%; BACKGROUND-COLOR: #ffffff
}
IMG {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
B {
FONT-WEIGHT: bolder
}
A {
COLOR: #aa0000; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
COLOR: #aa0000; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: underline
}
.lefttext {
TEXT-ALIGN: left
}
#blueblock {
BORDER-RIGHT: #000 0px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.6em; WIDTH: 160px; COLOR: #333; PADDING-TOP: 0px; FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; BACKGROUND-COLOR: #ff9f9f
}
* HTML #blueblock {
WIDTH: 147px
}
#blueblock UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#blueblock LI {
MARGIN: 0px; BORDER-BOTTOM: #ff9f9f 1px solid
}
#blueblock LI A {
BORDER-RIGHT: #ff5555 10px solid; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; BORDER-LEFT: #6c0000 10px solid; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 5px; BACKGROUND-COLOR: #aa0000; TEXT-DECORATION: none
}
HTML > BODY #blueblock LI A {
WIDTH: auto
}
#blueblock LI A:hover {
BORDER-RIGHT: #ff8484 10px solid; BORDER-LEFT: #a60000 10px solid; COLOR: #fff; BACKGROUND-COLOR: #555555
}
#blueblock LI A.current {
COLOR: #fff; BACKGROUND-COLOR: #555555
}


Thanks for any help
SB

[BLiZZaRD]

Do NS browsers read uppercase through CSS? I thought it was like most other script languages and was cAsE SEnsITiVe...

If that is the case, then IE is "reading it correctly" because IE sucks and is shooting into quarks mode.

Not sure.