How to display tooltips(Title) for options of the multiselect tag

[plsHelpMe]

Hi All,

i am having a multi select something like this

<select id="id1" name="selectName" multiple="multiple" size="24" style="width: 228px;" onclick="addBttnHilight()" ;="">
  <option title="Budget Legislation" value="297767" id="297767">
Budget Legislation
  </option>
  <option title="Budget Materials" value="297764" id="297764">
Budget Materials
  </option>
</select>

Now what i want to do is when a user hover the option text it should display some text(which is set by me). I tried to do it by specifying that text in the title attribute of option tag as shown in the above code. It works fine in Mozilla and IE 7 but its not working in IE6.0 and Safari browsers. Can anyone please help me.

Thanks

[helimeef]

Hi All,

i am having a multi select something like this

<select id="id1" name="selectName" multiple="multiple" size="24" style="width: 228px;" onclick="addBttnHilight()" ;="">
  <option title="Budget Legislation" value="297767" id="297767">
Budget Legislation
  </option>
  <option title="Budget Materials" value="297764" id="297764">
Budget Materials
  </option>
</select>

Now what i want to do is when a user hover the option text it should display some text(which is set by me). I tried to do it by specifying that text in the title attribute of option tag as shown in the above code. It works fine in Mozilla and IE 7 but its not working in IE6.0 and Safari browsers. Can anyone please help me.

Thanks

There really isn't any way to get around that, it's the browser developers' fault for not supporting the W3C standards. You could, however, use javascript to show/hide a tooltip <div> when you mouseover/mouseout of one, but that would not be as accessible; because if users have JS disabled it wouldn't work.