CSS Style sheet working in IE 5.5 but not 6?

[dp11]

Does anyone know why my style sheet is working fine in IE 5.5 but when I upgraded to IE 6.0 my site doesn't pick up my stylesheet?

[AdamGundry]

It might be because in IE 5.5 you can specify pixel distances without units, whereas in IE 6 you _must_ end each measurement with "px". (That's one thing I discovered when I upgraded.)

If not, post your code so we can see what's wrong with it.

Adam

[dp11]

I checked to make sure my measurements includes the px and that didn't solve my problem. Here is the code from my stylesheet.

BODY {
scrollbar-face-color: #EFEFEF;
scrollbar-highlight-color: #CED0CE;
scrollbar-3dlight-color: EEF6FA;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-shadow-color: #C0C2C0;
scrollbar-arrow-color: #C0C2C0;
scrollbar-track-color: #F9F9F9;
}

A.set1:link {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:visited {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:active {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:hover {color: #AEFF00; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

A.set2:link {color: #43586D
A.set2:visited {color: #43586D}
A.set2:active {color: Green; font-family: Arial}
A.set2:hover {color: Green}

A.set3:link {color: #3367AE}
A.set3:visited {color: #3367AE}
A.set3:active {color: #66AE32}
A.set3:hover {color: #66AE32}

.nav_links { font-family: Arial; font-size: 8pt; color: #3d5970; text-align: center; font-style: normal; line-height: normal; font-weight: bold}
.text { font-family: Arial; font-size: 8pt; font-style: normal; color: #000000; clip: rect( ); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 13px; float: none; width: 560px; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none; overflow: hidden}
.menu_head { font-family: Arial; font-size: 12px; font-style: normal; color: #FFFFFF; font-weight: bold; text-align: center}
.form_text { font-family: Arial; font-size: 11px; font-style: normal; text-align: right}
.purpose_Text { font-family: Arial; font-size: 11px; color: #FFFFFF; font-style: normal; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; text-align: right}
.whatsnew { font-family: Arial; font-size: 11px; font-style: normal; color: #000000; clip: rect( ); list-style-position: outside; list-style-type: disc; width: 290px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; vertical-align: middle; list-style-image: url(images/arrows.gif)}
.whatsnew_head { font-family: Tahoma; font-size: 13px; font-style: normal; text-decoration: underline; font-weight: 500; text-transform: none; color: #333333}
.status_menu { color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 17px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold}
.body_text { font-family: Arial; font-size: 10pt}
.text_PG { font-family: Arial; font-size: 9pt; font-style: normal; color: #000000; clip: rect( ); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 13px; float: none; width: 330px; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none}
.input { top: 33px; clip: rect( ); position: absolute}
.pg_link { border: thin #CCCCCC; height: auto; width: auto}
.text_nospace { font-family: Arial; font-size: 8pt; font-style: normal; color: #000000; clip: rect( ); float: none; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none; overflow: scroll ; background-position: center center; padding-left: 13px}
.text_table { font-family: Arial; font-size: 8pt}
.idea_counter { font-family: Arial; font-size: 10pt}
.browser { font-family: Arial; font-size: 24px; font-weight: bold; color: #990000}
.table_border { font-family: Arial; font-size: 10px; font-style: normal; color: #000000; white-space: normal; filter: Chroma(Color=red)?, Direction=?)?, OffX=?, OffY=?, Positive=?)}
.titletext { font-family: Arial; font-size: 11pt; font-weight: bold; color: #4880CA}



here is the code from my web page

<link rel="stylesheet" type="text/css" href="gid.css">

[nkaisare]

If you are using any HTML comment tags (<!-- and -->) in external CSS, remove them.

Something that may help solve your problem: Validate your HTML at http://validator.w3.org and CSS at http://jigsaw.w3.org/css-validator

[dp11]

I figured out the problem....

I forgot to add a } after the line

A.set2:link {color: #43586D

Thanks for the help guys!