Проблема с выпадающим меню

[Helen_Sof]

При наведении не всегда получается попасть в подменю,т.е. навела на ссылку, вылезло подменю, пытаюсь на вести на ссылку подменю, а оно резко пропадает, иногда получается, но жутко раздражает, что когда меню резко пропадает, наверное только после пятой попытки получается попасть по ссылке подменю.
И ещё при проверке работы сайта в IE7.0. пишет про ActiveX...
Очень жду вашей помощи!

<td colspan="3" bgcolor="#CCCCCC"><ul id="cssmenu"> 
<li><a href="http://csi-co.ru/company.html">О компании</a>
<ul>
<li><a href="http://csi-co.ru/power.html">Наши возможности</a></li>
<li><a href="http://csi-co.ru/offer.html">Специальные предложения</a></li>
<li><a href="http://csi-co.ru/technology.html">Технологии</a></li>
</ul>
</li>
<li><a href="http://csi-co.ru/price.html">Цены</a></li>
<li><a href="http://csi-co.ru/proectirovanie.html">Проектирование</a></li>
 <li><a href="http://csi-co.ru/catalog.html">Каталог проектов</a></li>
<li><a href="http://csi-co.ru/galery.html">Построенные дома</a></li>		   
 <li><a href="http://csi-co.ru/constructions.html">Вести с полей</a>
<ul>
 <li><a href="http://csi-co.ru/blog-ura.html">Стройка</a></li>
 <li><a href="http://csi-co.ru/pressa.html">Новостная лента</a></li>
 <li><a href="http://csi-co.ru/blog-arch.html">Блог архитектора</a></li>
 <li><a href="http://csi-co.ru/blog-sasha.html">Правовые заметки</a></li>
 </ul>
 </li>
 <li><a href="http://csi-co.ru/social.html">Социальные программы</a>
<ul>
 <li><a href="http://csi-co.ru/avto-deti.html">Детский автоспорт</a></li>
<li><a href="http://csi-co.ru/ski-deti.html" >Лыжи</a></li>
</ul>
</li>
<li><a href="http://csi-co.ru/contacts.html">Контакты</a></li>
</ul></td>

И CSS файл

}
ul#cssmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 12px/28px Verdana, Arial;
	
}

ul#cssmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
		text-align: center;
}

ul#cssmenu ul {
        top: 30px;
		width: 200px;
        margin: 0;
        border: 0 none;
        padding: 0;
        list-style: none;
        display: none;
		float:left;
        position: absolute;
		left:0;
}

ul#cssmenu ul:after {
        clear:both;
        display: block;
        font: 1px/0px serif;
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
        float: left;
        display: block !important;
		display: inline;
}

/* Main Menu */
ul#cssmenu a {
	border: 0px;
	padding: 0 10px;
	float: none !important;
	float: left;
	display: block;
	color: #000000;
	font: bold 12px/28px Verdana, Arial;
	text-decoration: none;
	height: auto !important;
	background-color: #CCCCCC;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
	background: #FFFFFF;
	color:#003366;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
	border-top: 2px solid #FFFFFF;
	float: none;
	color: #000000;
	width:200px;
	background-color: #CCCCCC;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
        background: #FFFFFF;
        color:#003366;
        border:1px solid #CCCCCC;
}

ul#cssmenu ul ul {
        display: block;
        position: absolute;
        top: 0;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: block;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;
}