Горизонтальное выпадающее меню

[Mihail-eremenko]

Здравствуйте. Пожалуйста, отзовитесь, помогите.

У меня гор.выпадающее меню на Js. При ширине экрана 1024 в IE последние две ячейки перескакивают вниз.

Еще замечено, что в ячейках, после нажатия, исчезает текст и она полностью залита в один цвет.

Очень хочу исправить, если нужно кардинально переделать меню, только помогите. Ниже привожу код и таблицу стилей.

<table align="center" border="0" cellpadding="4" cellspacing="2" width="100%">

<tr>

<td class="nonp">

<div class="horizontalcssmenu">

<ul id="cssmenu1 menu">

<li style="border-left: 1px solid #EE5C20;"><a href="index.html">Главная</a></li>

<li><a href="classica.html">Биодобавки (БАД)</a>

<ul>

<li><a href="classica.html">Классика</a></li>

<li><a href="zrenie.html">Зрение</a></li>

<li><a href="deti.html">Детям</a></li>

<li><a href="antistress.html">Антистрессовые</a></li>

<li><a href="zhenshiny.html">Женщинам</a></li>

<li><a href="muzhchiny.html">Мужчинам</a></li>

<li><a href="vosstanovlenie.html">Восстанавливающие</a></li>

<li><a href="femily.html">Семья</a></li>

<li><a href="zagar.html">Загар</a></li>

</ul>

</li>

<li><a href="kosmetika.html">Косметика</a>

<ul>

<li><a href="millenium_alliance.html">Миллениум Альянс</a></li>

<li><a href="gel_millenium.html">Гель Миллениум</a></li>

</ul>

<li><a href="chai.html">Травяные чаи</a></li>

<li><a href="braslety.html">Браслеты</a></li>

</ul>

<br style="clear: left;" /></div>

</td>

</tr>

</table>

/* CSS Document */

.nonp

{padding: 0;}

.horizontalcssmenu{width: 100%; font-family: Arial, Helvetica, sans-serif;}

.horizontalcssmenu ul{margin: 0; padding: 0; list-style-type: none; width: 100%;}

/*Top level list items*/

.horizontalcssmenu ul li{position: relative; display: inline; float: left;}

.horizontalcssmenu ul li a{display: block; width: 216px; padding: 4px 8px; border: 1px solid #fff; border-left-width: 0; text-decoration: none; color: #fff; background: #EE5C20; font-size: 18px;}

/*Sub level menu*/

.horizontalcssmenu ul li ul{left: 0; top: 0; border-top: 1px solid #EE5C20; position: absolute; display: block; visibility: hidden; z-index: 100;}

/*Sub level menu list items*/

.horizontalcssmenu ul li ul li{display: inline; float: none;}

.horizontalcssmenu ul li ul li a{width: 216px; font-weight: normal; padding: 4px 8px; background: #f18548; border-width: 1px 1px 1px 1px;}

.horizontalcssmenu ul li a:hover{background: #FFFFFF; color: #EE5C20; border: 1px solid #EE5C20; width: 215px;}

.horizontalcssmenu ul li ul li a:hover{ background: #FFFFFF; width: 215px;}

.horizontalcssmenu .arrowdiv{position: absolute; right: 0; background: transparent no-repeat center left;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/

padding-top: 1em;}

/* Holly Hack for IE \*/

* html .horizontalcssmenu ul li { float: left; height: 1%; }

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

/* End */

[Justnewone]

А там где тянули тож не работает?

[Mihail-eremenko]

А там где тянули тож не работает?

у меня оно переделано. Сколько мне будет стоить ваша помощь, что бы сделать мое меню "как должно быть", пожалуйста?