горизонтальное меню списком на всю ширину

[Chas]

вопрос такой.
как сделать горизонтальное меню списком, которое растягивалось на всю ширину экрана?
т.е. есть,например, список и стиль:

<div class="m2">
  <ul>
    <li><a href="#">Item1</a></li>
	<li><a href="#">Item2</a></li>
	<li><a href="#">Item3</a></li>
  </ul>
</div>  

<style>
.m2 ul {
list-style:none;
padding:0;
margin:0;
width:100%;
}

.m2 ul li {
display:inline;
margin:2px; padding:4px; background:#FF0000;
width:100%;
}
</style>

(код выдуман из головы за пять секунд, но ручаюсь, что он выглядит как горизонтальный список)
Как заставить эту недоменюшку растянутся на всю ширину свободного пространства, ну, т.е. заставить выглядить, примерно так

<table width="100%" border="0" cellspacing="4" cellpadding="2">
  <tr>
    <td bgcolor="#FF0000"><a href="#">Item1</a></td>
    <td bgcolor="#FF0000"><a href="#">Item2</a></td>
    <td bgcolor="#FF0000"><a href="#">Item3</a></td>
  </tr>
</table>

ну это я просто пытаюсь прошарить в верстке стилями и переписать свои некоторые старые вещи под такую верстку.