Problem z wstawienie grafiki do nagłówka rozwijanego menu

Witam mam problem. Otóż w moim menu na bazie css (kod wziąłem z tego forum) jak chcę wstawić grafikę na tło no to mi ją ucina i próbowałem już wielu sposobów ale nie działa. Może wy coś poradzicie…

#naglowekmenu {

	 background-image: url('tlo_menu.jpg');

	 }

#menu { /* div "menu" */



position:absolute; /*pozycja*/

top:377px;/*przesunięcie top*/

left:16px; /*przesunięcie left*/

width: 150px; /* szerokość */

border: 4px solid black; /* obrazmowanie */

height: 35px; /* wysokość */

z-index: 10; /*nałożenie*/

overflow: hidden; } /* przycinanie */


#menu:hover { /* najechane menu */


width: 150px; /* szerokość */

height: auto; } /* wysokość (wartość musi być 100% lub "auto" */


ul { /* ul */


margin: 8px; /* margines */

padding: 0px; } /* odstęp */


li { /* li */


list-style-type: none; /* rodzaj wykazu */

width: 150px;} /* szerokość */


li a { /* linki */


text-decoration: none; /* dekoracja linka */

display: block; /* rodzaj wyświetlenia elementów */

width: 150px; /* szerokość */

padding: 4px; /* odległości */

color: #3B3B3B; } /* kolor linka */


li a:hover { /* najechany link */


text-decoration: none; /* dekoracja tekstu */

color: #3B3B3B; /* kolor linka */

width: 150px; /* szerokość */

padding: 5px; /* odległości pomiedzy linkami */

background-color: #F0F0F0 } /* tło */


p { /* paragraf 
 */


text-align: center;/* tekst wyśrodkowany */

margin-top: 0px;/* margines górny */

margin-bottom: 0px; }/* margines dolny */