Problema con lo style di un form

[brutalityy]

Ciao a tutti ho un problema con lo style di un search box, un motore personalizzato di ricerca google, questo è il codice un po personalizzato da me con dei colori che mi servono per il sito in questione:

 
<div id='cse-search-form' style='width: 175px; float:right;background-color:#ffc600;  '>
<form action="cerca.html" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="ID RICERCA" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
     <input type="image" SRC="img/cerca_pul.png"  style= "float:left;"  name="sa" value="ciao" />
    <input type="text" name="q"  style= "float:right; width:139px; height:45px; font-size: 14px; font-family: Julius Sans One; text-align:center; background:#ffc600 ; border:none; color:#2a296c;  border-bottom-color:#2a296c;" value="Cerca nel sito" />
   
  </div>
</form>
<script type="text/javascript"
src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=it"></script>
</div>

mentre il codice da inserire nella pagina dove vogliamo che appaiano i risultati è:

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 955;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript"
src="http://www.google.com/afsonline/show_afs_search.js"></script>

Ora il problema è il seguente con il codice del form ottengo nei sistemi OS apple con tutti i browser, il box di ricerca che voglio:



e quando vado a vedere la stessa pagina con lo stesso form in un sistema windows con qualunque browser il risultato è totalmente diverso:





qualcuno mi sa spiegare il perchè?

Penso o che ci voglia un codice da inserire in modo che sia compatibile con i sistemi microsoft, oppure che: come faccio riferimento all'Api di google, riformatta il box di ricerca,
ma non mi spiego perchè su un sistema os funzioni.


Qualcuno può aiutarmi?

[Nobody33]

Puoi postare un link alla pagina?

[brutalityy]

Ecco:


www.jobcenteritalia.it/test/

[Nobody33]

Quando si preme enter ( oppure clicco sulla lente d'ingrandimento), tutto il layout viene sfasato. Sarebbe comunque da sistemare.

Per il campo: non potresti mettere semplicemente un po di css?

[brutalityy]

Si va bè il layout si modifica totalmente perchè apre i risultati in un'altra pagina, ho provato a formattare il tutto dal CSS ma il risultato non cambia.

[Nobody33]

Mi sono salvato la tua pagina per lavorarci meglio, ho dato al

<input class="text" />

un #id e poi gli ho dato tutto lo stile che volevo.

GUARDA QUI Clicca sull'immagine per ingrandire

[brutalityy]

Ottimo hai ragione, l'avevo richiamato male nel CSS grazie mille.