Google Plus Button Position Problem

I’m having a problem positioning a google plus button. It just seems to stay put i the left corner of the header div but I need it at the bottom on the right (lined up with other social media logos)

Here’s the google button

<div id=“googleplusbutton”>
<g:plusone size=“medium” annotation=“inline” width=“200”></g:plusone>
</div>

And here’s the css I am using:

#googleplusbutton{
position:relative;
top:120px;
left:600px;
width:200px;
height:10px;
z-index: 999;
}

Can anyone suggest where I may be going wrong?

Well why don’t you use something like this? Remove the left and set right :). Same with top/bottom.

#googleplusbutton{
right:0;
bottom:0;
width:200px;
height:10px;
z-index: 999;
}

That worked perfectly thanks.
Didn’t know you could do that I thought you had to have position as well as bottom and right.

You’re welcome :). ALthough I’m confused about your last statement. As long as you specify X axis and Y axis, it is sufficient.