Ma perchè!!!! Differenza visualizzazione con iOS Safari

[Cirox]

Ciao ragazzi, ho un problema che proprio non riesco a risolvere. Questo è il sito: www.people-advice.com
Il pulsante "cerca" appare allineato orizzontalmente ai 3 form superiori in tutti i browser, tranne che in iOS Safari.
Qualcuno potrebbe aiutarmi a capire come risolverlo?

 

[Fez Vrasta]

usare le liste <ul> in quel modo mi fa venire i brividi.

<form type="submit" class="myform">
  <div>
    <label><i class="icon-wrench"></i>Testo</label><input type="text">
  </div>
  <div>
    <label><i class="icon-map"></i>Testo</label><input type="text">
  </div>
  <div>
    <label><i class="icon-user"></i>Testo</label><input type="text">
  </div>
  <div>
    <label></label><input type="submit">
  </div>
</form>

.myform > div { width: 800px; height: 50px; }
.myform > div > label { display: inline-block; width: 400px; }
.myform > div > label > i { display: inline-block; width: 40px; height: 40px;}
.myform > div > label > i.icon-wrench { background-image: url("/img/icons/icon-wrench.png"); }
.myform > div > label > i.icon-map { background-image: url("/img/icons/icon-map.png"); }
.myform > div > label > i.icon-user { background-image: url("/img/icons/icon-user.png"); }
.myform > div > input { width: 300px; margin-left: 100px; }

Una cosa del genere avrebbe molto più senso, magari usare una sprite invece che tre icone separate come ho fatto io, comunque il senso è questo.

edit: darei anche un'occhiata a "Iscriviti! Diventa Suggeritore o Professionista" che se ne va a spasso per la pagina invece che rimanere dove dovrebbe stare.

 

[Cirox]

Grazie Vraz, i link "iscriviti, diventa .... ecc.ecc." sono stati eliminati, oltre che ballerini erano anche anche poco funzionali.... proverò il tuo suggerimento...