bootstrap and ms edge bug?
<p>I have create website (bootstrap). On chrome/firefox etc is working but on edge I have problem. <a href="http://www.rmonline.com" rel="nofollow">look at this page</a> at bottom part, there are 4 buttons. When they hovered they move and don't get back to normal position. 
I searching online but can't find anything about this error. Or it's my wrong code? What do you think?</p>

<p>Code below</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>#bottom_fourth_row {
    display: table;
    margin-top: 15px;
}

#bottom_fourth_row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-bottom: 45px;
    /*display: table-cell;
    vertical-align: top;
    position: relative;
    padding-bottom: 45px;*/
}

#bottom_fourth_row&gt;.col-sm-3&gt;img {}

#bottom_fourth_row&gt;.col-sm-3&gt;h3 {
    font-family: avenir_light;
    height: 50px;
    text-align: left;
    color: #027a9e;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
}

#bottom_fourth_row&gt;.col-sm-3&gt;h4 {
    font-family: avenir_light;
    text-align: left;
    padding: 0;
    color: #7d7d7d;
    font-size: 18px;
    line-height: 1.3em;
}

#bottom_fourth_row [class*="col-"] button {
    position: absolute;
    bottom: 0;
    right: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 90px;
    height: 40px;
    background-color: #2aa3c3;
    font-family: basic;
    font-size: 20px;
    color: #ffffff;
}

#bottom_fourth_row [class*="col-"] button&gt;a,
#bottom_fourth_row [class*="col-"] button&gt;a:focus,
#bottom_fourth_row [class*="col-"] button&gt;a:hover,
#bottom_fourth_row [class*="col-"] button&gt;a:visited {
    color: #ffffff;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="row" id="bottom_fourth_row"&gt;
                        &lt;div class="col-xs-12 col-sm-3"&gt; &lt;img src="http://placehold.it/350x150"&gt;
                            &lt;h3&gt;text&lt;/h3&gt;
                            &lt;h4&gt;text&lt;/h4&gt;
                            &lt;form&gt;
                                &lt;div class="form-inline"&gt;
                                    &lt;input type="text" name="email" id="email" placeholder="Email" /&gt;
                                    &lt;input type="hidden" name="list" value="wgPkaIHO7pFCp9G65wvXXw" /&gt;
                                    &lt;button type="submit" name="submit" id="submit" class="btn"&gt;submit&lt;/button&gt;
                                &lt;/div&gt;
                            &lt;/form&gt;
                        &lt;/div&gt;
                        &lt;div class="col-xs-12 col-sm-3"&gt; &lt;img src="http://placehold.it/350x150"&gt;
                            &lt;h3&gt;text&lt;/h3&gt;
                            &lt;h4&gt;text&lt;/h4&gt;
                            &lt;button class="btn"&gt;&lt;a href="#"&gt;more&lt;/a&gt;&lt;/button&gt;
                        &lt;/div&gt;
                        &lt;div class="col-xs-12 col-sm-3"&gt; &lt;img src="http://placehold.it/350x150"&gt;
                            &lt;h3&gt;text&lt;/h3&gt;
                            &lt;h4&gt;text&lt;/h4&gt;
                            &lt;button class="btn"&gt;&lt;a href="#"&gt;more&lt;/a&gt;&lt;/button&gt;
                        &lt;/div&gt;
                        &lt;div class="col-xs-12 col-sm-3"&gt; &lt;img src="http://placehold.it/350x150"&gt;
                            &lt;h3&gt;text&lt;/h3&gt;
                            &lt;h4&gt;text&lt;/h4&gt;
                            &lt;button class="btn"&gt;&lt;a href="#"&gt;more&lt;/a&gt;&lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;</code></pre>
</div>
</div>
</p>