Upload your favicon to your template directory and then add this in your <head></head> tags in header.php:
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
Forgot to say, change the right and top pixel values until it’s where you want it.
Try this:
Add “position:relative” to #headerimg. Then add “position:absolute” to #headerimg .follow and remove the width. Then you can position your text anywhere relative to the header image. Something like this:
#headerimg {
background:url("images/logobar21092010.jpg") no-repeat scroll center top #FFFFFF;
height:183px;
margin:0;
position:relative;
}
#headerimg .follow {
float:right;
font-size:1.25em;
margin-top:10px;
position:absolute;
right:150px;
top:70px;
}