Adding Google Custom Search

[MarkStrobel3367]

I would like to add Google Custom Search to my header on http://www.strongfamilies.us. However, when I insert Google Custom Search, it touches (sits on top of) the blue horizontal bar. How can I adjust (lower) this bar allowing for some space between the bar and Google Custom Search? Thanks.

 

[Edge]

can you supply the code snippet for google custom search you are using

 

[chrishirst]

Or even a URI that actually demonstrates the problem.

 

[MarkStrobel3367]

I increased the value under #header and this did the trick. However, I have another problem. When entering the Google Custom Search code in header.php, the main domain for the site, http://www.strongfamilies.us, doesn't open in IE. The following is the code:

<style type="text/css">
div.gsc-control-cse form.gsc-search-box {
width: 300px;
}
</style>

<!-- Put the following javascript before the closing </head> tag. -->
<script>
(function() {
var cx = '008483463348215367881:9xg2dfdjx2i';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>

<!-- Place this tag where you want both of the search box and the search results to render -->
<gcse:search></gcse:search>

Do you have any suggestions in how to correct this issue? Thanks.