Spry expanding region - wrong CSS shows?

Question

I'm using a series of expanding regions. Via their CSS, I'm
displaying one background image in the tab when open, a different
one when closed.
Two of the regions I have set to start in their opened state.
Although they are open, they are displaying the "closed" image. If
I close them, then open them, then they correctly display the
"open" image.
Why is this? How can I ensure that the divs that start "open"
display the image set in the css?
.CollapsiblePanelTab {
...other stuff...
background: #899F55 url(../images/plus.gif) no-repeat 5px
center;
border-bottom: 1px solid #686155;
.CollapsiblePanelOpen .CollapsiblePanelTab {
background: #899F55 url(../images/minus.gif) no-repeat 5px
center;

Answer 1

The partial answer is that I was using incorrect syntax. I
started going through the SimpleAutosuggest, and found the
following:
quote:
Spry.Data.Region.addObserver(regionID, { onPostUpdate:
function(notifier, data) {
self.attachClickBehaviors();
Which was basically the syntax I was looking for, which
allows me to use the object notation instead of the function
notation, and call through an object that each autosuggest object
is tied to.
However, it brings me back to my original problem. I've gone
through the Region Observer Notifications documentation here:
http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS57937FB2-D8C1-424d-B3E4-655FD 7A7899B.html
... and in another place, I read that in a callback, you cannot
pass variables because it will run the call back immediately, and
not when you expect it to. That seems to be my problem, but
regardless of if I pass parameters, I get no call back when I
expect it. If I pass parameters, I get the call back immediately,
but not later, if I don't pass parameters, I never get the
callback.
It's got to be something dumb, but I don't see what it is,
and unfortunately, I have no way of putting the code outside our
firewall until it goes live. :(
Thank you for trying.