fixed width and height for select option in html

by Naresh

HTML

<div class="ui-select selBox"> 
    <select>
    <option>Maths</option>
    <option>Physics</option>
    <option>Chemistry</option>
    <option>Maths</option>
    <option>Physics</option>
    <option>Chemistry</option>
    </select>
</div>
<select name="" id="sel">
	<option>Value01</option>
	<option>Value02</option>
	<option>Value03</option>
	<option>Value04</option>
	<option>Value05</option>
	<option>Value06</option>
	<option>Value07</option>
	<option>Value08</option>
	<option>Value09</option>
	<option>Value10</option>
	<option>Value11</option>
	<option>Value12</option>
	<option>Value13</option>
	<option>Value14</option>
	<option>Value15</option>
	<option>Value16</option>
	<option>Value17</option>
	<option>Value18</option>
	<option>Value19</option>
	<option>Value20</option>
</select>

CSS

#sel {
  width: 470px !important;
  height: 40px !important;
  overflow: auto !important;
}
.selBox{
 width: 470px !important;
 height: 40px !important;
}