tooltip が一個目しか表示されない

質問

メニュー（階層付）にツールチップをtitleで付けたのですが、一個目以外は表示されません
Chrome,IE11、Firefox　違いはありません
マウスのダブルクリック速度は早くに設定中です

HTML
<li>
<a href="active/about.html" title="活動の時期とマニュアル">同窓会概要</a>　　：表示

<div>
<ul>
<li>
<a href="active/profile.html"　title="">活動内容</a>
<div>
<ul>
<li>
<a href="exg/"　title="">幹事会(会員)</a></li>
<li>
<a href="exg/"　title="">たより(会員)</a></li>
<li>
<a href="exg/"　title="">英語科(会員)</a></li>
<li>
<a href="shimizu/song.html"　title="校歌、逍遥歌、優勝歌MP3、楽譜">校歌など</a></li>　：表示されず
</ul>
</div>
</li>
<li>
<a href="active/index.html"　title="しみずのコラムを読めます">清風万里</a></li>　：表示されず
</ul>
</div>
</li>
以下同じ構造のメニューあります

回答No.1

chie65536（@chie65535）

貴方が打ち込んだHTMLソースの全角スペースを視覚化して「■」に変えてみます。

<li>
<a href="active/about.html" title="活動の時期とマニュアル">同窓会概要</a>■■：表示

<div>
<ul>
<li>
<a href="active/profile.html"■title="">活動内容</a>
<div>
<ul>
<li>
<a href="exg/"■title="">幹事会(会員)</a></li>
<li>
<a href="exg/"■title="">たより(会員)</a></li>
<li>
<a href="exg/"■title="">英語科(会員)</a></li>
<li>
<a href="shimizu/song.html"■title="校歌、逍遥歌、優勝歌MP3、楽譜">校歌など</a></li>■：表示されず
</ul>
</div>
</li>
<li>
<a href="active/index.html"■title="しみずのコラムを読めます">清風万里</a></li>■：表示されず
</ul>
</div>
</li>

「■」になっている部分は「全角スペース」です。

<a>タグの「属性指定」は、全角スペースが現れた時点で「タグの末尾までの文字を無視する」ので、結局、以下のように解釈されます。

<li>
<a href="active/about.html" title="活動の時期とマニュアル">同窓会概要</a>■■：表示

<div>
<ul>
<li>
<a href="active/profile.html">活動内容</a>
<div>
<ul>
<li>
<a href="exg/">幹事会(会員)</a></li>
<li>
<a href="exg/">たより(会員)</a></li>
<li>
<a href="exg/">英語科(会員)</a></li>
<li>
<a href="shimizu/song.html">校歌など</a></li>■：表示されず
</ul>
</div>
</li>
<li>
<a href="active/index.html">清風万里</a></li>■：表示されず
</ul>
</div>
</li>

title属性の直前が「全角スペース」になっている部分は「title属性が無い」と解釈されます。

つまり「一個目以外はtitle属性が付いて無い」と解釈され一個目以外は表示されません。

HTMLの世界（と言うか、プログラムの世界）では「半角スペースと全角スペースは違う文字」なのです。編集中のソーステキストでは半角スペースも全角スペースも同じに見えますが「違う文字」だと言う事を忘れてはいけません。