CSS link display issue in Chrome and Safari

Question

I'm having a CSS issue that only occurs in Safari and Chrome. I have a set of styles for links in the content of a site that I'm working on. Visited links should appear a different colour and with a dotted bottom border. In Safari and Chrome the visited links lack the bottom border though, although all other styles are applied. Does anyone know of a bug in the webkit engine that causes this or have I made some stupid mistake? Code below:

#content a:link {
    color: #b32951;
    text-decoration: none;
}
#content a:visited {
    color: #353535;
    border-bottom: 1px dotted;
    text-decoration: none;
}
#content a:hover, #content a:active {
    color: #b32951;
    background: #E6B5AF;
}

Answer 1

Try giving the border-bottom a color:

border-bottom: 1px dotted #000;

Answer 2

This is not a bug, it's a feature. It was possible for a site to sniff the browser history through :visited-styles. You will only be able to style :visited in a way that doesn't affect the metrics of the link, which adding a border would. The same feature is coming to Fx4. (Source, MDC)