So, unfortunately our designers want to use images to maintain font consistency across all browsers. I have no say in this. To be compliant in the past what I’ve normally done is set the navigation item background-image to the image of the text and give each item a class to control width/height and hover states. and then use a span tag with the actual text in it and set that span to display:none.
I’ve also used one giant image sprite instead of slicing many images.
But, how do I account for users that turn images off in their browser?
Anyone know a solution for this that covers all bases?
