Double Quotes With <q>

I read recently, that back in 2008 you could get double quotation marks in Firefox if you added quotations within a <q> tag, since FireFox generated them by default, whereas IE (the most popular browser back then) didn't output any quotes at all. So people either added quotation marks or didn't, and they would appear either without quotations in IE and with quotations in FF, or with quotations in IE and with double quotations in FF. The end result of this problem was that many designers stopped using the <q> tag to avoid any issues. The question is, is this still a problem today? The article was written at the time of IE 6, and it seems IE 8 has the same problem. Don't know about latter versions though. Maybe it's already fixed.

If not, I suppose the best option would be to create a stylesheet reset so that browsers can't add anything unwanted to your page, then you add the quotations, or not, as you wish. Here's another quick workaround I found which you could add to your CSS file:

q:before, q:after {
  content: "";
}

When adding a quote, you would then need to add quotation marks outside the <q> opening and closing tags for them to appear. If you don't want quotation marks, you wouldn't need to do anything, this CSS would get rid of them, on all browsers. Just so you know, this is how inline quotes appear here at CDB.