Is there a way to make the multiple selection box the same height as the fieldset, without using JavaScript? I have a form with a fieldset and select box side by side, and any assistance would be appreciated.
<!DOCTYPE html>
<html lang="en>
<head>
<meta charset=utf-8 />
<title>Adjusting Heights</title>
<style type="text/css">
fieldset {
width: 20em;
float: left;
}
select {
float: left;
}
</style>
</head>
<body>
<fieldset>
<legend></legend>
<ol>
<li><label for="Field1">Field 1</label><input id="Field1"></li>
<li><label for="Field2">Field 2</label><input id="Field2"></li>
<li><label for="Field3">Field 3</label><input id="Field3"></li>
<li><label for="Field4">Field 4</label><input id="Field4"></li>
<li><label for="Field5">Field 5</label><input id="Field5"></li>
<li><label for="Field6">Field 6</label><input id="Field6"></li>
<li><label for="Field7">Field 7</label><input id="Field7"></li>
<li><label for="Field8">Field 8</label><input id="Field8"></li>
<li><label for="Field9">Field 9</label><input id="Field9"></li>
<li><label for="Field10">Field 10</label><input id="Field10"></li>
</ol>
</fieldset>
<select multiple="multiple">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
<option>Option 6</option>
<option>Option 7</option>
<option>Option 8</option>
<option>Option 9</option>
<option>Option 10</option>
<option>Option 11</option>
<option>Option 12</option>
<option>Option 13</option>
<option>Option 14</option>
<option>Option 15</option>
<option>Option 16</option>
<option>Option 17</option>
<option>Option 18</option>
<option>Option 19</option>
<option>Option 20</option>
</select>
</body>
</html>