Right. I’m having a day of this, it seems. CSS has never been my super-strong point.
I have a…pie graph isnt the right term. It’s a circular graph of 8 evenly arc-spaced sections, that have a variable size in terms of their radius. So the angle of the arc is constant (45 degrees), but the radius varies between sections.
To draw this on the page, I have 9 overlaid PNG files; one for the ‘axes’, and a colored one for each wedge of the graph. This works fine when all of the wedges are at their maximum size (so the width and height of the images are the same as their bounding div) by making the bounding div
position: relative and the images
position: absolute, top:0, left:0 with z-indexing keeping things in order.
(Note: I cannot use SVG or Canvas due to the environment i’m working in.)