fmz 14

I have discovered a problem with Firefox displaying the same content different in the Mac version and the PC version.

I am working on a site: and I have included a Google search box. When I style the search field to fit properly in Firefox on a Mac it is slightly off in Firefox on a PC (I am using VMWare on a Mac).

If I view it in Firebug I get this extra code that appears to be generated by Google: {
background:#FFFFFF          url( no-repeat scroll left center;
border:1px solid #7E9DB9;

Is there some way I can override this so i can get consistency between browsers?


  • Could we see screenshots of what's going wrong and some relevant markup/CSS? Kyle Sevenoaks almost 9 years ago

1 answer

This was chosen as the best answer

where did you get the code for the google search box?

you're supposed to create a site specific one.


    <div id="cse" style="width: 100%;">Loading</div>
<script src="" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'en'});
  google.setOnLoadCallback(function() {
    var customSearchControl = new'001080611887524429411:sz2c_a6yj6e');
  }, true);
<link rel="stylesheet" href="" type="text/css" />

by using the set up wizard here:

you have a weird form action....

added comment June 9, 2010 2:03 PM

Answered almost 9 years ago by Tony Crockford
  • Hi Tony, I borrowed the code from another site I did. I still have to set it up for this site. fmz almost 9 years ago
  • but it still looks wrong, there's no form in the google code that I got from google all you need is the appropriate code from google and then you can also get the stylesheet and host it locally and tweak it to suit. Get the correct google code (latest versions) and start from there. Tony Crockford almost 9 years ago
  • Ok. I'll do that. Thanks. fmz almost 9 years ago