title: bootstrap input-group-btn ignores height 100%
body: <p>Odd styling problem - Im trying to get the height of the '.input-group-btn' in bootstrap to fit the height of the parent container 'input-group'. This will run alongside the whole height of the select box next to it. </p>
  
  <p>Simple problem, just cant seem to get the desired outcome it only sets 'px' based fixed values and ignores %...i need to set this to 100% height...how?</p>
  
  <pre><code> &lt;div class="col-xs-9"&gt;
        &lt;div class="input-group add-on col-xs-2"&gt;
             &lt;div class="input-group-btn"&gt;
                         &lt;a class="btn btn-default" data-toggle="popover" data-html="true" title="Container Size" data-content="mg"&gt;&lt;span class="glyphicon glyphicon-question-sign"&gt;&lt;/span&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="form-group container-select"&gt;
                   &lt;select id="hazards" multiple="multiple" name="hcode"&gt;
                         &lt;option&gt;None&lt;/option&gt;
                         &lt;option&gt;1&lt;/option&gt;
                         &lt;option&gt;2&lt;/option&gt;
                         &lt;option&gt;3&lt;/option&gt;     
                    &lt;/select&gt;
               &lt;/div&gt;
          &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/dzn7orxx/5/" rel="nofollow">Fiddle With Me</a></p>