CSS How to place opt-in form at the top?

I've downloaded the dog care template and tried adding an opt-in form in the right column with the following css style:

#content .right-col {
float: right;
width: 150px;

Instead of showing at the top, right hand side just beneath the header, the opt-in form is displayed at the bottom right, near the footer.

Can someone please explain how I can move the opt-in form to the top right? I'm fairly new to css. Any help is much appreciated.

 

Posting a link would definitely be helpful. As for float: right; floating can be very dangerous if your not experienced with it. A solution is always to use wrapper div tags to set bounds as to where it can go. Cheers.

 

I never recomend using position absolute...that is taken differently by many different browsers. If you want to use the
float:right;
div you can, just try adding a 'clear:both' at the beginning or end of the whole tag. Also, if you have that a 'float:right;' make sure that the item that you want to have to it's left has a div of 'float:left; clear:both;' as well. Hope that helps