Problema sito con riga nera visibile su safari, ipad, iphone

[marco]

Salve,
ho un problema nella visualizzazione di una pagina web in quanto con tutti i browser che ho testato si vede bene, tranne con iphone e ipad dove invece compare una fastidiosa linea nera sotto il menu, e non so come correggerlo e a cosa sia dovuto.
La pagina web in questione è visibile all'indirizzo: http://www.channingbanks.com/
Qualcuno di voi mi può aiutare a capire come mai, vedendo il sito sugli apparecchi apple, compare quella riga nera e come modificare la pagina per far si che si veda correttamente su tutti i dispositivi?
Grazie mille

[marco]

Dopo numerose prove sono riuscito a capire cosa creava quella riga nera, visibile solo sui prodotti e browser apple: era il plugin per la musica, e per non visualizzarlo più è bastato applicargli come stile, il display none.
In pratica, invece che così:

<div id="jquery_jplayer_1"></div>
<div id="jp_interface_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>

</div>

ho modificato così

<div id="jquery_jplayer_1" style="display:none"></div>
<div id="jp_interface_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>

</div>

ed ora si vede bene su ogni browser

[serse]

E' vero, si vede bene dappertutto, però mi pare che non si senta poi l'audio: io sto provando ad utilizzare quel plugin lasciandolo visibile, ma a larghezza 1px e mi pare non dia problemi.

[marco]

Originariamente inviata da serse

E' vero, si vede bene dappertutto, però mi pare che non si senta poi l'audio: io sto provando ad utilizzare quel plugin lasciandolo visibile, ma a larghezza 1px e mi pare non dia problemi.

Mi spiace contraddirti, ma anche la larghezza ad 1px presenta lo stesso problema però ho trovato la soluzione a quanto sembra definitiva: invece che nascondere il div, l'ho spostato fuori dallo schermo, così:

<div id="jquery_jplayer_1" style="position:absolute; left:-9999px;"></div>
<div id="jp_interface_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>
</div>