请问以下菜单样式怎么修改才能让一张图片是被拉伸当作背景图片的,而不是被平铺,谢谢大家<DIV id=menu>
<UL>
  <LI><CITE><A 
  href="http://localhost/space.php?action=viewpro&amp;uid=1">admin</A></CITE> 
  </LI>
  <LI><A class=notabs 
  href="http://localhost/logging.php?action=logout&amp;formhash=9333d698">退出</A> 
  </LI>
  <LI><A href="http://localhost/pm.php" target=_blank>短消息</A> </LI>
  <LI><A href="http://localhost/member.php?action=list">会员</A> </LI>
  <LI><A href="http://localhost/search.php">搜索</A> </LI>
  <LI><A href="http://localhost/tag.php">标签</A> </LI>
  <LI class=dropmenu id=my onmouseover=showMenu(this.id)><A 
  href="http://localhost/my.php">我的</A> </LI>
  <LI class=dropmenu id=memcp onmouseover=showMenu(this.id)><A 
  href="http://localhost/memcp.php">控制面板</A> </LI>
  <LI><A href="http://localhost/magic.php">道具</A> </LI>
  <LI class=dropmenu id=stats onmouseover=showMenu(this.id)><A 
  href="http://localhost/stats.php">统计</A> </LI>
  <LI><A href="http://localhost/admincp.php" target=_blank>系统设置</A> </LI>
  <LI><A href="http://localhost/faq.php">帮助</A> </LI></UL></DIV>#menu {
BORDER-RIGHT: #cad9ea 1px solid; BORDER-TOP: #cad9ea 1px solid; BACKGROUND: url(../../images/default/menu_bg.gif) #fff no-repeat; BORDER-LEFT: #cad9ea 1px solid; BORDER-BOTTOM: #cad9ea 1px solid; HEIGHT: 31px
}
#menu UL {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
#menu LI {
FLOAT: left
}
#menu LI A {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(../../images/default/menu_itemline.gif) no-repeat 0px 6px; FLOAT: left; PADDING-BOTTOM: 3px; COLOR: #333; PADDING-TOP: 4px; TEXT-DECORATION: none
}