Floating and element to the right at the bottom of footer

Problem

I am having an issue adding some social icons to the footer on a wordpress theme I am making. The problem is that I cannot get the icons to float the the bottom right corner of the footer.

Here is what I am trying to acheive: The grey elements are existing, and the red element is the social icon strip, where I want to add it to.

enter image description here

The only way I can achieve this is to manually add a margin that is the full width like this:

.social-icons {
    padding: 0!important;
    margin-left:864px;
    list-style-type: none!important;
        position:absolute;
        bottom:0;

}

The problem with this is that when the window is resized the social icons are all over the place. I know float right would work great but the problem is that it doesn't.

If I try this:

.social-icons {
        padding: 0!important;
        list-style-type: none!important;
        position:absolute;
        bottom:0;
        float:right;
}

It ends up like this:

enter image description here

The element titled logo already uses float:right; so that may have something to do with it. Here is the logo div:

.footerlogo img {

    float: right;

}

The thing is if I take the float:right; off the logo div and keep the float:right; on the social icon strip, the social icon strip will now be in logos position, with logo moved back. As such:

enter image description here

Can anyone guide me in the direction of sticking the social icons(red element in image) into the bottom right corner and let me know how I can accomplish this, since the normal way of using float right wont allow it to float to the bottom right, only to the logos position.

Problem courtesy of: user1632018

Solution

Try setting the right property to 0, that should make the element align to the right edge of the closest positioned parent:

.social-icons {
    padding: 0!important;
    list-style-type: none!important;
    position:absolute;
    bottom:0;
    right: 0;
}
Solution courtesy of: koala_dev

Discussion

Give the Footer main div to position:relative

and give social icon div to position:absolute and give value for left and top

Discussion courtesy of: Dinesh Kanivu

Try out putting .social-icons in a div say parent and make parent div float right; float property never works with absolute positioning.

Discussion courtesy of: Hiral

This recipe can be found in it's original form on Stack Over Flow.