[SOLVED] Using the new overlay header image function
 

Three related questions please:
(1) I cannot seem to get rid of the gap between the top of the header image and the top of the image called in the layout container style. I assume there is some padding lurking somewhere but I cannot find it.
(2) I have checked the box "show search box in header" but this does not appear. Maybe a conflict with the customization in (1) above?
(3) Could I add a widget area in the header image overlay code section to perhaps paste code for a Google Search box?

Thank you

David
:confused:

Atahualpa 3.7.7
http://c.paloaltoairport.aero

Overlay code:
<div id="HDR-back">
<ul>
<li><a href="http://paaa.doublechase.com/blog.html"><img src="http://c.paloaltoairport.aero/wp-content/images/logoblog.png" alt="PAAA Logo" /></a>
</ul>
</div>
<div id="HDR-text">
<p><h2>Palo Alto Airport Association Blog</h2> <i>click logo to return to main site<i></p>
</div>

Additional CSS:
#HDR-back ul {list-style-type: none;}
#HDR-text {position: absolute; left:215px; top:2px;}

Body, Text, Link settings:
background: url(/wp-content/themes/atahualpa/images/KPAO_tile_a.png) repeat top left;
padding-top: 20px; padding-bottom: 20px;
text-family: tahoma, arial, sans-serif;
font-size: 0.8em;
color: #755656;

Layout Container Style:
background-image: url(/wp-content/themes/atahualpa/images/page-full-blog-bar-1.jpg);

Header Area:
%image

try in the css inserts (gotten from firebug in firefox)

Perfect!
Thank you