Document Object Model

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

Не очень уверен, что MSIE поддерживает псевдо-классов для элементов вроде DIV или TD, поэтому посоветую сделать это крохотным JavaScript'ом.

Для этого переименовываеш классы:
A.mnLeft > .mnLeft
A.mnLeft:hover > .mnLeftHover
A.mn > .mn
A.mn:hover > .mnHover

> Ну и в соответсвенном месте HTML кода

<td width="20%" class="mnLeft" onMouseOver="this.className = 'mnLeftHover'" onMouseOut="this.className = 'mnLeft'">
<a href="/catalog/">каталог</a>
</td>

и т.п.




> Дык вот возникают следующие проблемы...
> 1) высота <a> хочется сделать по высоте таблицы, в которую заключен div

a - inline-элемент, поэтому высота трудно доступна, используй блоковых. в данном случае - ячейки вполне оправданы.


> 2) ширину каждой <a> надо сделать по 20% от ширины таблицы в которую заключен div

опять-же ячейки спасают задницы ;-)

> 3) выравнивание текста внутри <a> сделать горизонтально по центру и по вертикали middle ?

продолжать хвалить ячеек? ;-)


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

поскольку в MSIE не работает свойство display: table-cell, то все-таки с помощью чистого CSS нельзя будет это сделать, придется использовать таблицу, которую создаеш по назначению ;-)


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

TD работает со времен Netscape 2!