select[multiple].input-sm control sizing issues

[rawrkats]

Using Bootstrap 3.0.3

When using multiple & .form-control .input-sm on a <select> element, the height is a fixed 30px. It overrides the size attribute for displaying multiple options in the select element.

Example Code:

<div class="form-group">
            <label for="educationlevel">Education:</label>
                <select name="educationlevel[]" id="educationlevel" multiple size="5" class="form-control input-sm">
                <option value="GED">GED</option>
                <option value="Highschool Graduate">Highschool Graduate</option>
                <option value="Currently in college">Currently in College</option>
                <option value="Occupational School">Occupational School</option>
                <option value="Technical College">Technical College</option>
                <option value="Associate Degree">Associate Degree</option>
                <option value="Bachelor Degree">Bachelor Degree</option>
                <option value="Master's Degree">Master's Degree</option>
                <option value="Ph.D./M.D. Degree">Ph.D. or M.D. Degree</option>
                <option value="Other Doctoral Program">Other Doctoral Program</option>
                <option value="Other Education">Other Education</option>
            </select>
        </div>

In Chrome 32, Safari 7, & Firefox 26 on Mac