Здравствуйте,

Вот такая проблема у меня. Вообще не разбираюсь в CSS, но сайт делать надо, так что объясню, как смогу. Проблема такая я создал таблицу для раздела категорий вот она:
[CSS]
/* Module Part Menu */
.catsTable {}
.catsTd {border:1px solid #666666 ;line-height:18px;text-align: left; margin:0px; padding: 2px 2px 2px 29px; background :url(http://www.lalabla.ru:hihi:/img/iнго.jpg) no-repeat 10px 4px;} //
.catName {font-family:Arial, Helvetica, sans-serif;font-size:10px;}
.catNameActive {font-family:verdana,arial,helvetica;font-size:7px;}
.catNumData {font-size:7pt;color:#bbbbbb;}
.catDescr {font-size:7pt; padding-left:10px;}
/* ----------------- */

Теперь хочу созадать такую же теблицу для основного меню, помогите переделать код вот он:

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/827/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}


.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#CCCCCC}
.uMenuV li a:active {text-decoration:none; color:#CCCCCC}
.uMenuV li a:visited {text-decoration:none; color:#CCCCCC}
.uMenuV li a:hover {text-decoration:none; color:#FFFFFF}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#FFFFFF;}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#FFFFFF}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#FFFFFF}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0; }
.uMenuV li {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/827/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* --------- */[/CSS]

Очень прошу помогите. А то голова уже кругом от ЦСС:wacko: