I want a default width, i.e. all selects to be 250px, if there is overflow I want to see it...
Taco,
I think I accomplished your goal simply by nesting the select list inside a div with a constrained width and overflow: hidden:
___________________________
<div id="listwrap">
<select>
<option>Apple</option>
<option>Banana</option>
<option>Cardomon and cinnamon are two spices that begin with C</option>
<option>Demerera</option>
</select>
</div>
#listwrap
{
width: 250px;
overflow: hidden;
border-right: 2px inset black;
}
___________________________I just tested this successfully on my five Windows browsers -- IE6, Opera 7.23, Mozilla 1.72, Mozilla Firefox 0.8, and Netscape 7.1.
One cosmetic flaw is that the select list's control button is hidden from view, however the list opens and functions fine when clicked on even without the control showing.
Another flaw is that the right-hand border of the list is hidden, however I've quickly & dirtily remedied this by assigning the div wrapper a right-border to compensate. This, however, will probably not look good with the Macintosh's rounded style so a better solution is needed.
Paul
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
