Not a complete fix, but change (in the on page stylesheet):
Code:
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
to:
Code:
#outerCircleText div div {width: 16px !important;height: 16px !important;position: absolute;top: 0;left: 0;text-align: center;}
There is no ideal solution though. The problem is that the letters are in divs which at times cover the buttons. What I just did makes them smaller, so less likely to cover the buttons. They still will sometimes, and when they do, since it's at the periphery, the buttons will flicker. You can even make the width and height 0 - absolutely position elements like those will still be seen, but they will still at times cross the buttons at the periphery.
You can alternatively or in addition to the above give the buttons a higher z-index than the letters, 10 or more should do - trickier than you might think, or perhaps not. Tricky because not only the buttons but all of their parents and/or children might need this higher z-index and probably would each have to be positioned relative or absolute (you can do some relative, some absolute, whatever works) as well. With that layout and scripts it might be really hard though because other things might get messed up and then need tweaking.
Even if you work all that out, it's not ideal because then sometimes the letters would disappear behind the buttons.
Bookmarks