Por que o atributo <link> 'title' faz com que os navegadores ignorem meus estilos?

O seguinte documento html (junto com o CSS) não consegue renderizar os estilos emb.css.

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" media="screen" type="text/css" title="A" href="a.css" />
        <link rel="stylesheet" media="screen" type="text/css" title="B" href="b.css" />
    </head>
    <body>
        <div id="A">A</div>
        <div id="B">B</div>
    </body>
</html>

/* a.css */
div#A   { color: blue;  }
/* b.css */
div#B   { color: red;   }

Tornando os títulos iguais (por exemplo,<link ... title="A"> conserta, mas não vejo a razão, por que deveria. O que o título está fazendo aqui, que faz isso errado?

questionAnswers(4)

yourAnswerToTheQuestion