[SOLVED] Overlaying Social widget in the header images area
 

Congrats on adding the overlay for facebook, etc. to the core. But I can't seem to get it to work.

Site is http://newrosenberg.btwimages.com

CSS and HTML are almost exact what was in the example:


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

<div id="header_image_sociable">
<ul>
<li><a href="http://www.facebook.com/RosenbergOrthodontics">
<img src="<?php echo site_url(); ?>/wp-content/uploads/2011/03/facebookIcon-e1299279249726.png" alt="Facebook" /></a></li>
</ul>
</div>

I don't even see the code being generated when I look through the source of the page. Is there another setting I'm missing? All java is off.

Thanks!

well ok, I think I know my problem, I don't have a header image. I use logo and a flash insert. way to position the social icon over the logo?

fixed, just moved the html to the html insert after the body tag. Now just need to play with positioning.

Please ignore this post.