[SOLVED] Header Image Overlay not displaying

I am trying to use the header image overlay to place the company logo in the upper right corner of each page. (Because I wasn't able to find the right combination of CSS to keep the page menu in the upper left section of the page and the logo in the upper right )
The code I inserted in the Header image overlay is:
<div id="logo_overlay">

<li><a href="http://www.jkstest.info">
<img src="/wp-content/themes/atahualpa/images/logo.png" alt="Home Page" /></a></li>

</div>
#logo_overlay { position: absolute; right: 810px; top: 5px; }

The logo is in the images folder, I checked the path name, but the logo doesn;t appear. Even more confusing is that when I test the page and do a "find" for "logo_overlay" I get no match
site is
jkstest.info.
Logo should be on top of the radial light and shadow in upper right corner. The page menu is
(more or less) where it should be.
What did I do wrong? Thanks!