White Box

1

How do I get rid of the white underneath the text?


       <div id="right_box">
          <div id="menu">
            <ul>
              <li>about us</li>
              <li>gallery</li>
              <li>pricing</li>
              <li> blog</li>
              <li>links</li>
              <li>contact</li>
            </ul>
          </div><!--end of menu box div -->
		



#right_box {
	float: right;
	height: 450px;
	width: 155px;
	position: relative;
	display: table;
}
#menu {
	vertical-align: middle;
	display: table-cell;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	background-image: url(menu_box.jpg);
	list-style-type: none;
	padding-left: 20px;
}
#menu ul li {
	list-style-type: none;
	margin-bottom: 10px;
}