Ok. I have a fieldset menu. If I hardcode the last item the alt works:
<td>
<a href="show.hotpartslist?clearFilters=true">
<img class="icon" title="Clear All Filters" alt="Clear All Filters" src="../images/clear_all.gif"/>
</a>
</td>
But this one is built with some logic and it renders like this:
<td>
<ul id="hp-sor-menu" style="display:none;"><li><img alt="Filter by Source of Repair" src="../images/sor.gif" /><ul><li><a href="show.hotpartslist?sor=ALL">→ ALL</a></li><li><a href="show.hotpartslist?sor=A"> MCA</a></li><li><a href="show.hotpartslist?sor=B"> MCB</a></li><li><a href="show.hotpartslist?sor=E"> BIC</a></li><li><a href="show.hotpartslist?sor=O"> OTHER</a></li></ul></li></ul><script type="text/javascript">
$(function()
{
try
{
DynarchMenu.setup('hp-sor-menu', { });
}
catch(exception)
{
alert("Failed to render other menu: " + exception.description);
}
});
And the alt does not display when mosueover
Its the title attribute that causes the mouseover effect. You dont have that attribute populated.