Глюки выпадающего меню на css в ИЕ6-7. ХЕЛП!

Помогите с ИЕ6-ИЕ7

при наведении мышки на пункт ЕЩЕ - выпадает меню, но не как должно, а как на скриншоте

мало того, когда опускаешь мышку ниже 2ого пункта в выпавшем меню - само выпавшее меню исчезает.

во всех других браузерах все работает на ура

#menu					{width:614px;}

#menu a					{color:#ffffff; display:block; font:12px/24px arial;}

#menu a:hover				{color:#000; display:block; font:12px/24px arial; background-color:#fbb03b; text-decoration:none;}

#menu ul, li				{margin:0px; padding:0px;}

#menu ul.menu				{float:left;}

#menu ul.menu li			{display:block; margin:0px; height:26px; float:left; text-align:center; padding:2px 6px 0px 6px;}

#menu ul.menu li:hover ul.submenu	{display:block;}

#menu ul.menu li ul.submenu		{display:none; margin-top:0px; position:absolute;}

#menu ul.menu li ul.submenu li		{display:block; float:none; width:120px; border-bottom:1px solid #666666; background-color:#5794c0;}

#menu ul.menu li ul.submenu li:hover	{background-color:#fbb03b;}

<div id="menu">

<ul class="menu">

  <li style="width:60px; border-right:1px solid #666666;"><a href="#">1</a></li>

  <li style="width:43px; border-right:1px solid #666666;"><a href="#">2</a></li>

  <li style="width:40px; border-right:1px solid #666666;"><a href="#">3</a></li>

  <li style="width:54px; border-right:1px solid #666666;"><a href="#">4</a></li>

  <li style="width:45px; border-right:1px solid #666666;"><a href="#">5</a></li>

  <li style="width:60px; border-right:1px solid #666666;"><a href="#">6</a></li>

  <li style="width:48px; border-right:1px solid #666666;"><a href="#">7</a></li>

  <li style="width:33px; border-right:1px solid #666666;"><a href="#">8</a></li>

  <li style="width:43px; border-right:1px solid #666666;"><a href="#">Ещё></a>

    <ul class="submenu">

      <li><a href="#">9</a></li>

      <li><a href="#">10</a></li>

      <li><a href="#">11</a></li>

      <li><a href="#">12</a></li>

      <li><a href="#">13</a></li>

      <li><a href="#">14</a></li>

      <li><a href="#">15</a></li>

      <li><a href="#">16</a></li>

      <li><a href="#">17</a></li>

      <li><a href="#">18</a></li>

      <li><a href="#">19</a></li>

     </ul>

  </li>

  <li style="width:50px;"><a href="#">20</a></li>

</ul>

</div>