What is the code to make a table cell, or a list item fit itself to show the entire background image? I'm making a navagation bar; here's my code for a list navbar:

HTML Code:
<style type="text/css">
<!--
ul {
margin:0;
padding:0;
}
ul li {
display:inline;
list-style:none;
background:url(tab.png);
width:100px;
height:35px;
}
-->
</style>


<ul>
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ul>



Here's my code for a table navbar:

HTML Code:
<style type="text/css">
<!--
table, tr, td, th {
	text-align: center;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	table-layout: fixed;
}
.alltab {
	width: 100%;
}
.tab {
	display: inline;
	text-align: center;
	width: 100px;
	height: 35px;
	background-image: url(tab.png);
}
-->
</style>


<table cellpadding="0" cellspacing="0" border="0" class="alltab"><tr><td>

</td><td width="100">
<table cellpadding="0" cellspacing="0" width="100" class="tab" border="0"><tr><td>
Main
</td></tr></table>

</td><td width="100">
<table cellpadding="0" cellspacing="0" width="100" class="tab" border="0"><tr><td>
Forum
</td></tr></table>

</td><td width="100">
<table cellpadding="0" cellspacing="0" width="100" class="tab" border="0"><tr><td>
Members
</td></tr></table>

</td><td width="100">
<table cellpadding="0" cellspacing="0" width="100" class="tab" border="0"><tr><td>
Log Out
</td></tr></table>

</td><td></td></tr></table>

What should I do???