soucionado, no se porque pero en lugar de poner el orden de la forma que lo tenía:
Código:
<div id="controles">
<audio src="audio/escueladeacordeonmariotorres.mp3" preload="auto">
<source type="audio/mpeg" src="audio/escueladeacordeonmariotorres.mp3"> </source>
<source type="audio/ogg" src="audio/escueladeacordeonmariotorres.ogg"> </source>
</audio>
<div id="toggle" class="play"></div>
<p>MÚSICA</p>
</div>
Lo he puesto con el div toggle y el <p> arriba y ahora si veo todo, es decir así:
Código:
<div id="controles">
<div id="toggle" class="play"></div>
<p>MÚSICA</p>
<audio src="audio/escueladeacordeonmariotorres.mp3" preload="auto">
<source type="audio/mpeg" src="audio/escueladeacordeonmariotorres.mp3"></source>
<source type="audio/ogg" src="audio/escueladeacordeonmariotorres.ogg"></source>
</audio>
</div>
Pero lo que no se porque me esta pasando es lo de que se vea la caja de busqueda en el teléfono con los vertices curvados y algo mas alta de lo normal. Si alguien pudiera decirme a que se puede deber, me ayudaría un montón.