XF 1.1 Help with google custom search in header


Active member
Hi to all, i have a problem with a google custom search box. I don't know whats the problem, but the google search only show in safari, in firefox i can't see.

I add the search box in the following way.
One new template with name: GoogleSearch and following content.

<!--BEGIN Danny CSE-->
<fieldset id="GoogleSearch">
<form action="pages/search" id="cse-search-box" class="formPopup">
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxxxxx" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
<div class="primaryControls">
            <span class="textboxcontainer"><span><input type="search" name="q" id="googlesearchquery" class="textCtrl" /></span></span>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=es"></script>
<!--End Danny CSE-->
I add the template to the end of search_bar, and move with CSS:
#GoogleSearch{display: block;
position: absolute;
right: 20px;
top: -110px;
margin: 0;
background-color: rgb(240,240,240);
border-radius: 5px;
padding-top: 5px;
z-index: 7500;

A image working on safari
Captura de pantalla 2013-07-17 a la(s) 19.28.57.png

Any idea about the problem ??? thanks a lot.