I’ve tried every way I can find and nothing works. The background image bullet method looks good in all browsers but IE – the image is too tight to the text. This is what I want it to look like (sorry about the ads): http://postimage.org/image/gh0rh25wp/
I’m not sure what your IE requirements are. But if it’s IE8 and up, you can use this method without images/with pseudo-elements: http://jsfiddle.net/stefsull/wDEyc/ (Didn’t try to make everything exact, but should give you the idea.)
IE8 does support :after … So I would probably use the pseudo-elements for IE8 & up (plus modern browsers), then use a polyfill (like jQuery, loaded using Modernizr/yepnope.js) for IE6/7 … to feed the dinosaurs.
Conversely, you could use an image for IE6/7 and by using IECCs on the HTML or body element, you can prepend .ie6 and .ie7 to a class that loads an image for those browsers only.
Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".