Well, I'm back (as expected)... & I got a little tougher problem this time (well, maybe: at least it's tough to me... I can't figure it out).
I've ended up needing to convert the toolbar icons on Larry to "buttons" since we decided to overlay everything on our own background again, rather than using the new "linen" texture.
So far so good, but there's a problem with the button LABEL text being overlapped by part of the PNG image (which is not transparent now) for the two-part buttons, with the dropdown control on their right-sides.
Also the transparency on the right-side of the buttons isn't quite right when the buttons are disabled.
This is easier to SHOW in a picture, than explain in words.
Take a look at this animated GIF file, to illustrate the above.
I'm sure this is all probably fixable in the CSS somehow, but I've no idea where/how to do it best.
Any/all help much appreciated
-JC
P.S.
{Edit} Oops, never mind on the transparency question, just managed to figure that out.
Apparently in styles.css the opacity for the main button area is .4 but it is set for .5 for the add-on part...
.dropbutton a.button.disabled + .dropbuttontip {
opacity: 0.5;
filter: alpha(opacity=50);
}
...so changing that to .4 (and 40 for the alpha line) seems to have fixed it.
As far as getting the label to show, however... I'm still stuck