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

Try this CSS to put it at bottom right;

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