垂直拉伸图像以填充div

Question

玩这个主要是为了好玩。不是专业人士。但我试图让图像垂直填充div，希望拉伸整个div的高度。但这并不足以让人明白这一点。

这是CSS

div#rightarch {
width: 100%;
height: 100%;
padding-right: 0px;
padding-left: 0px;
float: right;
margin: 0 40px 0 0;
}

这是html

<div class="hidden-xs hidden-sm col-md-3">
<div id="rightarch">
<img src="images/right-arches.png" class="img-responsive">
</div>
</div>

任何帮助都会很棒......