How do I see the entire value of a small drop-down list?

[JohnnyBGoode]

I have a <SELECT> tag as follows:

<select name="firstName" id="firstName" style="width=50px">
  <option value="0">Alla</option>
  <option value="1">Alabama</option>
  <option value="2">Boris</option>
  <option value="3">Bella-Hermoza-Chicka</option>
</select>

The <SELECT> tag MUST be a small width (to fit on the page) So, the last <option> is getting cut off on my page.

Is there a way to (when I open the drop-down), to have the entire value displayed hovering over all other objects on the page. This way, the <SELECT> object is still a certain size, but when it is opened, you can still read the full value. Is this possible?

Is there a way to use the "alt=blah" attribute (usually used for images)?

Thanx in advance,
JBG

 

[Vragabond]

No. First of all, your css is wrong, as it should be [tt]style="width: 50px;"[/tt] and not with an equal sign. But as for the size of the dropdown, it is left to the discretion of the browser and will not be changed. Gecko will simply enlarge the dropdown part to fit the contents and IE will trim the contents.