Помогите модернизировать скрипт меню

table
{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #000000;
}


ul.menu
{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
/* Width of Menu Items */
display: inline-block;
}


td.menu
{
margin: 0;
padding: 0;
width: 10%;
/* Width of Menu Items */
}


div
{
position: relative;
margin: 0;
padding: 0;
display: block;
font-size: 11px;
}


td.menu div a
{
text-align: center;
}


li.menu ul.menu
{
position: absolute;
left: 0px;
/* Set 1px less than menu width */
top: 0px;
display: none;
}


div ul.menu
{
position: absolute;
top: 19px;
display: none;
}


/* Styles for Main Menu Items */
ul.menu li.menu a
{
display: block;
text-decoration: none;
color: #003562;
background: #fff;
/* IE6 Bug */
padding: 1px;
}


td div a
{
display: block;
text-decoration: none;
color: #003562;
background: #fff;
/*IE6 Bug */
padding: 3px;
}


/* Styles for Sub Menu Items */
div ul.menu li.menu a
{
font-size: 10px;
display: block;
text-decoration: none;
color: #003562;
background: #fff;
/* IE6 Bug */
padding: 3px;
}


/* Fix IE. Hide from IE Mac \*/
* html ul.menu li.menu
{
float: left;
height: 1%;
}


* html ul.menu li.menu a
{
height: 1%;
}


/* End */
/* Hover Styles */
td.menu div a:hover
{
color: #f7931e;
background: #006d93;
font-weight: bold;
}


ul.menu li.menu a:hover
{
color: #f7931e;
background: #006d93;
}


li.menu ul.menu li.menu a
{
padding: 2px 1px;
/* Sub Menu Styles */
}


li.menu:
{
display: block;
/* The magic */
}


div:hover ul.menu,div.over ul.menu
{
display: block;
/* The magic */
}


ul,li
{
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 150%;
}


ul.recommend
{
margin-top: 0px;
}