I am trying to add a tel # to the top right corner of my site http://bspokeathletics.com/
wp 2.9.1
Ata 3.5.1

It seems to create extra space and I can't get it into the corner.

I added a text widget
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"><img src="http://bspokeathletics.com/wp-content/uploads/2011/03/ContactLeftCorner.gif"></td>
<td width="240" bgcolor="000000"><font color="white" size=2>Phone: (647) 352-6642</font></td>
<td></td>
</tr>
</table>

and then configured header area to this:
%logo <div class="right"> <?php bfa_widget_area('name=My_header_widget_ area'); ?> </div> %image %bar1 %pages

added this to css inserts:

{
position:relative;
top:-105px;
left:700px;
width:250px;
}

I am new to this any help would be appreciated

What was the name of the widget you added? ie Right Sidebar?

Is your "div class='right'" supposed to be using the css you pasted?

If it is you need to name the css:

.right {
position:relative;
top:-105px;
left:700px;
width:250px;}

that might get you a little further along, although maybe you knew all that.

How about just putting text wrapped in a div in ATO>Add HTML/CSS Inserts/HTML Inserts:Body Top like the following.

<div style="text-align: right;">555.555.5555</div>

Or you could use something like the following and style it in CSS Inserts using #topphone

<div id="topphone">555.555.5555</div>