title: Single-Select HTML List Box Height
body: <p>I have an HTML <code>&lt;select&gt;</code> that I want to appear as a "list box" (a box that displays multiple items simultaneously, as opposed to a drop-down box). However, I only want to allow a single item to be selected. I also want to set the height of the box (via CSS) to be 100% of it's container size.</p>
  
  <p>These three things seem to be mutually exclusive. Setting the <code>multiple</code> attribute of the <code>&lt;select&gt;</code> element will make the control render as a list box instead of a dropdown. However, I don't want multiple elements to be selected, so this doesn't work. The only other way I know to make a <code>&lt;select&gt;</code> into a list box is to set the <code>size</code> attribute to a value > 1. This will also set the height of the box, and it appears that I can't change the height via CSS when the HTML attribute is set.</p>