Glossy Accordion Menu - +/- buttons moving out of position when clicked

[orenlebbo]

1) Script Title: Glossy Acordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...enu-glossy.htm

3) Describe problem:

when using Chrome, the menu worked great for couple of months but now suddenly there's some kind of a bug...
on the right sidebar of this site, when clicking on the menu's tabs, the +/- icons are moving out of position...

any ideas how to fix that or what might be the problem ?

thanks
oren

[ddadmin]

Hmm the culprit most likely is something inside the CSS rule:

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;top: 6px;right: 2px;border: none;
margin-right: 2px;
}

but I can't quite isolate the issue. Try playing around with different values inside the rule to see what difference it makes in Chrome.

[orenlebbo]

tried everything... nothing changes...
any other ideas maybe ?
what could possiblly go wrong ? i didn't even touched it...

[orenlebbo]

well, it seems like the problem is with the aligning of the button to the right...
when i remove:

right:2px

, the buttons are sitting at the left end of the <li> and works well.
only when i add "right:2px" in order to put it on the right side of the menu, the buttons are jumping whenever clicking on them...
any ideas how to align the buttons to the right using a different command which won't harm the behaviour of the button once clicked on ?

thanks again
oren

[ddadmin]

How about using the left property instead, such as left:97%?

[orenlebbo]

well, it puts it in the right place with: left:93%;
but the icons still jumping around when clicking on it...

[orenlebbo]

solved thanks...
using:

 float:right;  margin-left:5px;  margin-right:-20px;  position:relative;