Почему атрибут <link> «title» заставляет браузеры игнорировать мои стили?

В следующем HTML-документе (вместе с CSS) не удается отобразить стили вb.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;   }

Делать заголовки одинаковыми (например, оба<link ... title="A"> исправляет это, но я не вижу причины, почему это должно. Что делает заголовок здесь, что делает это неправильно?

Ответы на вопрос(4)

Ваш ответ на вопрос