Most of the positioning problems with the drop down menus can be solved by making sure the HTML for the drop down DIVs themselves is outside any container tag on the page other than the BODY. So in your case, try moving the drop down DIV itself to the bottom of your page, just above the "</body>" tag:
Code:
<div class="sample_attach" id="sample_attach_src_child">
<form action="http://www.bigpictureimaging.com/dpsi/searchresults.html" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="017344297393639877235:ht2si_lsxq0" />
<input type="hidden" name="cof" value="FORID:9" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="23" />
<input name="sa" type="submit" class="small" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
</div>
<!--<b>Enter search terms:</b><br />
<input class="sample_attach" type="text" name="terms" /><br />
<input type="submit" value="Submit" />-->
</div>
</form>
<script type="text/javascript">
at_attach("sample_attach_src_parent", "sample_attach_src_child", "click", "y", "pointer");
</script>
</body>
Another script to look at as well would be: http://www.dynamicdrive.com/dynamici...lapcontent.htm
Bookmarks