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

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

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ì:

ho modificato così

ed ora si vede bene su ogni browser;-)

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ì: