Sigh - ie6 defeats my cunningness
Well, my previous post and linked page seems to work nicely. (I did fix a minor glitch in ie7)
However, since then I’ve done some more reading - and my conclusion is, don’t do what I did - ie6 png transparency is just too risky. Have a read of the discussion at http://blogs.cozi.com/tech/2008/03/transparent-png.html?cid=106552420 - they found that when used heavily, the AlphaImageLoader filter causes ie6 to deadlock. Ow. If it’s critical, you can work around this, but it sounds really really painful.
So I’ve reverted to using something that is basically Scott Schiller’s technique - see http://www.sietsma.com/korny
The good news is, I can now use a single image, instead of slicing the image up. And I’ve fiddled my rmagick rounded-corner generation code, it’s now getting pretty nice - I’ll post it when it’s done. Not as nice as what you can do if you’re a photoshop/gimp guru, but it’s nice to have something generated by code, so I can change colours/sizes at will.
The next step is probably to make this stuff javascriptable, so I can use a single div for a minimal styling version, and then prettify it in javascript… possibly. I’m still a bit unsure if using javascript makes the code more ’semantic’ or not.
[ed: sigh - I thought I’d posted this weeks ago. Somehow, it got saved as a draft…]