CSS float - bottom corners

Question

I have buttons that always float at the the bottom corner of the browser window.

The back button is in the correct place, but the next button won't float right.

#footerback {
    width: 107px;
    background-position: top;
    padding: 0px 30px 30px 0px;
    position: fixed;
    bottom: 0px;
    float: left;    
}
#footernext {
    width: 107px;
    background-position: top;
    padding: 0px 30px 0px 30px;
    position: fixed;
    bottom: 0px;
    float: right;   
}

How do I fix this?

Answer 1

HTML

<div class="circle-div"></div>

CSS

.circle-div {
    background-color: #314963;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    position: fixed;
    bottom: 21px;
    right: 25px;
}

This places a round circle around the bottom right of the page.

Answer 2

Try this CSS to put it at bottom right;

position:fixed;
right:0;
bottom:0;