cant get text to the top of the div?

this is the html

<div id="follow">
                    <h3>FOLLOW MOTORBIKECENTRAL</h3>
                    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fmotorbikecentral&amp;send=false&amp;layout=standard&amp;width=300&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:80px;" allowTransparency="true"></iframe>
        </div>

HTML:

and this is the css

rightbar {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0px;
    width: 30%;
    text-align:right;
    min-height: 200px;
    float: left;
}
#adv {
    border:1px solid grey;
}
#follow {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    border:1px solid grey;
    text-align:left;
    float: left;
    width: 335px;
    position: absolute;
}

Code (markup):

 

Well if you are referring to the h3 then try editing that in CSS and removing top margin or padding. You could also try removing padding from the div.

 

rightbar {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: ;
    margin-right: auto;
    position: relative;
    padding: 0px;
    width: 30%;
    text-align:right;
    min-height: 200px;
    float: left;
}
#adv {
    border:1px solid grey;
}
#follow {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    border:1px solid grey;
    text-align:left;
    float: left;
    width: 335px;
    position: absolute;
}
h3 {
	margin-top: 0;
	padding-top: 0;
}

Code (markup):

 

All you need to do is..,

Set Style to <H3>

margin-top:0px;
padding-top:0px;

Done..!!