piccollo problema di visualizzazione del background di un menù:

codice:
<div id="menu"> <div id="menu_container"> <img id="trasparent" />Home <img id="trasparent" />Approfondimenti <img id="trasparent" />Download <img id="triangle" /><span>Contatti</span> </div> </div>
codice:
#menu {     background-color: #0000FF;     border-bottom: 1px solid #000000;     border-top: 1px solid #000000;     width: 900px; } #menu_container {     padding-left: 30px; } #menu a {     color: #FFFFFF;     font-family: Arial,Helvetica,sans-serif;     font-size: 13px;     padding-right: 30px;     text-align: left; } #menu span {     color: #111111;     font-family: Arial,Helvetica,sans-serif;     font-size: 13px; } #triangle, #trasparent:hover {     background-image: url("images/triangle.png");     border: 0 none;     width: 14px;     height: 14px; } #trasparent {     background-image: url("images/trasparent.png");     border: 0 none;     width: 14px;     height: 14px; }
le immagini non vengono visualizzate e sinceramente non ho idea del perchè