Document Object Model

ИЗВИНЯЮСЬ за предыдущий пост =) Опера7 ;)

ситуация такая
имею CSS

#navigation {
padding: 10px;
margin: 0px;
border: 0px;
overflow: auto;
}

#navigation A.mnLeft {
.background : #1D9A17 url(../i/mn-td-bg-left.gif) repeat-x;
.cursor:hand;
.color:#ffffff;
.font-size: 11px;
.font-weight:bold;
.text-decoration:none;
.display: block;
.float: left;
}

#navigation A.mnLeft:hover {
.background : #18AE11 url(../i/mn-td-bg-left-over.gif) repeat-x;
.background-color : #18AE11;
.cursor:hand;
.color:#ffffff;
.font-size: 11px;
.font-weight:bold;
.text-decoration:none;
}


#navigation A.mn {
.background : #1D9A17 url(../i/mn-td-bg.gif) repeat-x;
.cursor:hand;
.color:#ffffff;
.font-size: 11px;
.font-weight:bold;
.text-decoration:none;
.display: block;
.float: left;
}

#navigation A.mn:hover.{
.background : #18AE11 url(../i/mn-td-bg-over.gif) repeat-x;
.background-color : #18AE11;
.cursor:hand;
.color:#ffffff;
.font-size: 11px;
.font-weight:bold;
.text-decoration:none;
}

Ну и в соответсвенном месте HTML кода
<table width="100%" height="37" cellpadding="0" cellspacing="0" border="0">
<tr valign="middle"><td>
<div id="navigation">
<a class="mnLeft" href="catalog.phtml">каталог</a>
<a class="mn".href="search.phtml">поиск</a>
<a class="mn".href="info.phtml">помощь</a>
<a class="mn".href="talk.phtml">форум</a>
<a class="mn".href="feedback.phtml">задать&nbsp;вопрос</a>
<img src="i/x.gif" width="3" height="3" alt="" border="0" />
</div>
</td>
</tr>
</table>


Дык вот возникают следующие проблемы...
1) высота <a> хочется сделать по высоте таблицы, в которую заключен div
2) ширину каждой <a> надо сделать по 20% от ширины таблицы в которую заключен div
3) выравнивание текста внутри <a> сделать горизонтально по центру и по вертикали middle ?

что надо дописать в CSS ? чтобы эта бодяга заработала как надо ?

в общем задача - сделать "резиновое меню", надписи текстом с графическим бекграундом, через CSS
system requiments: MSIE5, Mozilla1.x, Opera7

поможите люди добрые... давно уже бьюсь над проблемкой