position div in bootstrap

Question

Wondering why it is so difficult to position divs to remain responsive.. they just float where ever they want for some reason.. how can I position these perfectly? Holding their positions while resizing like my social icons http://www.closetvip.com/splash.html

/* Menu Buttons */
#english {
    float:right;
    position:absolute;
    right:570px;
    bottom:101px;
    clear:right;

}
#spanish {
    position:absolute;
    left:570px;
    bottom:100px;
    clear:right;

}


<div id="spanish">
    <img src="img/espanol.png">
</div>
<div id="english">
    <img src="img/english.png">
</div>

Answer 1

You need to use position: relative; on the parent div of absolute div's otherwise the items are absolute of the window