상단 메뉴 배경을 CSS로 작업을 했는데, 이미지가 안 뜹니다..

위 이미지와 같이 아무것도 안 뜨네요.
html로 상단 메뉴 뒷배경 이미지를 불러오면 그 안에 있는 메뉴 목록이 밑으로 가서
CSS로 어쩔 수 없이 불러오기를 했습니다만..
저렇게 아무것도 안 뜹니다..
소스는,body
div id=mainWrap

!-- TOP --
div id=top_top_logo
img src=top_logo.gif width=300 height=100 border=0 alt=상단로고 /
/div

div class=menu_wrap
div class=menu_bg
div class=menu
img src=menu1.gif width=170 height=50 border=0 alt=새소식 /
/div
/div
/div

/div

/* top stylesheet */
#mainWrap {
width:1008px;
position:relative;
}
#top_top_logo {
width:300px;
height:100px;
margin:0 auto;
}

.menu_wrap {
position:static;
width:850px;
height:70px;
border:solid 1px;
margin-left:70px;
}

.menu_wrap .menu_bg {
background-image: url(../test/menu_bg.gif);
}

.menu {
float:left;
clear:left;
width:170px;
height:50px;
padding:10px;

}

이렇게 돼있습니다...
해결 방법 좀 알려주세요 ㅠㅠ~