如何将控件元素放置在地图上方，以便它们可以填充页面的整个高度

我将控制元素放置在具有地图的div上方，并且出现了垂直滚动条。谁能告诉我如何将这些元素一个接一个地放置，以便它们在没有垂直滚动条的情况下占据屏幕的整个高度？

<style type="text/css">

html, body, #map {
    height: 100%;
}

#mySelector {
    margin-top:10px;
    width:400px;
}

#map {
    margin-top:10px;
}

</style>

<select id="mySelector"></select>
<div id="map"></div>

代码：http：//jsfiddle.net/anton9ov/n3LshvLL