I have 2 pages in my CD based website which contain Spry collapsible panels.
All work fine on Win XP with IE6, but not on Vista with IE7 or on XP with
FireFox.

When I perform a browser compatibility check on my pages which contain Spry it
highlights this code: href="SpryAssets/SpryCollapsiblePanel.css" which is part
of:

.style17 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
<!--

It says it found 1 error in external css files. I am not experienced and do
not know why this error is occuring. I am using CS3.

When I run the checker on the SpryCollapsiblePanell.css file I have additional
errors I do not understand.
1. Unsupported value: 'fixed' in the code below:
.CollapsiblePanel {
margin: 4px;
padding: 0px;
border-left: solid 1px #CCC;
border-right: solid 1px #999;
border-top: solid 1px #999;
border-bottom: solid 1px #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
list-style-type: square;
list-style-position: outside;
background-color: #FFFFFF;
float: none;
height: auto;
width: auto;
position: fixed;
}

2. Unsupported properties: -moz-user-select and -khtml-user-select in the code
below:
.CollapsiblePanelTab {
background-color: #DDD;
border-bottom: solid 1px #CCC;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
}

Are these important errors? If so how could I fix them?

BTW, the 'Attach Code' popup comes up but does not insert the code into this
message.

Thanks

.CollapsiblePanel {
margin: 4px;
padding: 0px;
border-left: solid 1px #CCC;
border-right: solid 1px #999;
border-top: solid 1px #999;
border-bottom: solid 1px #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
list-style-type: square;
list-style-position: outside;
background-color: #FFFFFF;
float: none;
height: auto;
width: auto;
position: fixed;
}