How to use :before :after in IE6,7?

Question

The css code is this:

div.quote:before {
  content: 'before';
}
div.quote:after { 
  content: 'after'; 
}

Unfortunately, it doesn't work with IE 6 and 7. How can I solve it? Maybe with expression?

Answer 1

you may have a look at http://www.quirksmode.org/css/contents.html

neither :before and :after, nor content, are supported css selectors and properties for css in IE7 and before..

you might achieve a similar effect with javascript though