[SOLVED] Overlay Header Image Issue - FB Icon

Hi - I'm trying to add a facebook icon in my header area. I followed the instructions in Overlay Header Image but haven't been able to get it to work. I have tried many different variations of the code. I currently have the following:

In ATO > Header Image > Overlay Header Image:

<div id="header_image_sociable">
<a href="http://www.facebook.com/pages/Alexis-Coram/170999039623087?sk=wall">
<img src="http//www.alexiscoram.com/wp-content/themes/atahualpa/images/fb.gif" alt="Facebook" /></a>
</div>

(Note: I tried this with the >ul> and <li> tags and it didn't work then either.)

In ATO > Add HTMP / CSS Inserts:

#header_image_sociable {position: absolute; right:40px; top: 20px;}
#header_image_sociable ul {list-style-type: none;}

My site is www.alexiscoram.com. I am using the most updated versions of Atahualpa and WP.

Thanks,

Ally