ciao a tutti ho un problema con la mia pagina all'apertura del menu mi appaiono dietro ad esso dei puntini neri e dato che lo sfondo è trasparente non stanno bene.
questo è il codice
<div id="sidebar" style="display:none">
<img src="img/menu-sfondo.png" style="position:absolute; width:75%;height:100%; top:10%;">
<ul>
<li>

</a>
<li>
<li>
<a href="account.html">
<img src="img/menu-account.png" style="position:absolute; width:45%; height:8%; top:15%; left:0.5%;">
</a>
<li>
<li>
<a href="agenda.html">
<img src="img/menu-agenda.png" style="position:absolute; width:45%; height:8%; top:25%; left:0.5%;">
</a>
<li>
<li>
<a href="foto.html">
<img src="img/menu-foto.png" style="position:absolute; width:45%; height:8%; top:35%; left:0.5%;"
v>
</a>
<li>
<li>
<a href="notizie.html">
<img src="img/menu-notizie.png" style="position:absolute; width:45%; height:8%; top:45%; left:0.5%;">
</a>
<li>
<li>
<a href="opzioni.html">
<img src="img/menu-opzioni.png" style="position:absolute; width:45%; height:8%; top:55%; left:0.5%;">
</a>
<li>
<li>
<a href="orari.html">
<img src="img/menu-orari.png" style="position:absolute; width:45%; height:8%; top:65%; left:0.5%;">
</a>
<li>
<li>
<a href="altro.html">
<img src="img/menu-altro.png" style="position:absolute; width:45%; height:8%; top:75%; left:0.5%;">
</a>
<li>
</ul>


</div>

Immagine.jpg
i puntini sono quelli dove ho fatto il cerchio rosso grazie a tutti per le risposte.