I'm trying to overlay a Google custom search bar over an image. Any Help? Image <img src="http://mobileadspy.com/wp-content/uploads/2010/06/search-bg-e1277681311898.png" alt="" width="700" height="91" class="aligncenter size-full wp-image-11" /></a><div align="center"> Search Box <form action="http://mobileadspy.com/search" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-xxxxxxxx" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="text" name="q" size="80" /> <input type="submit" name="sa" value="Search" /> </div> </form> <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script> </div>
Try div#cse-search-box{background:url('http://mobileadspy.com/wp-content/uploads/2010/06/search-bg-e1277681311898.png') no-repeat;}?
didn't work. I'd like to do all of it in the html editor for the page. http://mobileadspy.com staging the mock up here. you can see what I have so far. just need it to sit over that image.