As I said....
I can manually line them up in css, but because it's a dynamically sized image that breaks everything on different size screens
So that's a hell of a lot of resolutions to cater for.... try it, resize your browser to any size and refresh, the image changes to match your browser size. It's not like there is a minimum size it can go. The maximum is easy though it's 900px wide and won't go bigger than that. But downsizing...it goes all the way. And I need maximum compatability, I'm not just setting this up for specific devices, it needs to work on any screen of any size! Hence the scalable image.
Does anyone else have any ideas?