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

[Pande]

Проблема в том, что я навожу мышкой до 3 пункта под меню, и оно пропадает.
вот сайт: http://www.s-podkova.com/
Вод код
 

<div id="page">    <div id="header">        <a id="logo" href="http://www.s-podkova.com/" name="logo"></a>    </div>    <div id="navigator">        <div id="nav">            <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation</var>        </div>    </div>    <div id="stran">        <div id="content">            <var>content</var>        </div>        <div id="side

#navigator {  width: 1040px;  padding:1;  text-align: center;  float:left;  font-family: Verdana, Arial, Helvetica, sans-serif; }#nav {float: left; clear: right;margin-right: 60px;}#nav li a, #nav li {float: left;}#nav li {list-style: none;position: relative;}#nav li a {margin-left: 10px;margin-bottom: 10px;padding: 5px 27px;color: #666666!important;background-color: #fff;background: #fff;color: rgba(255, 255, 255, 0.93);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 4px 5px 14px #3d393d;-webkit-box-shadow: 4px 5px 14px #3d393d;box-shadow: 4px 5px 14px #3d393d;font: normal normal bold 16px/140% "Times New Roman", Times, serif;text-decoration:none;}#nav li a:hover {text-shadow: 1px 1px 2px rgb(26, 25, 25), 0 0 1em rgb(73, 71, 71);background: #1076BC;background: -moz-linear-gradient(top, #1076BC, #1076BC);background: -webkit-gradient(linear, left top, left bottom, from(#1076BC), to(#1076BC));color:#ccc!important;}#nav li a.cc-nav-current {text-shadow: 1px 1px 2px rgb(26, 25, 25), 0 0 1em rgb(73, 71, 71);background: #1076BC;background: -moz-linear-gradient(top, #1076BC, #1076BC);background: -webkit-gradient(linear, left top, left bottom, from(#1076BC), to(#1076BC));color: #D6D1D1!important;}/* Submenu */.hasChildren {position: absolute;width: 5px; height: 5px;background: black;right : 0;bottom: 0;}#nav li ul {display: none;position: absolute;left: 0;top: 100%;padding: 0; margin: 0;}#nav li:hover > ul {display: block;}#nav li ul li, #nav li ul li a {float: none;}#nav li ul li {_display: inline; /* for IE6 */}#nav li ul li a {width: 200px;display: block;margin-bottom: 1px;margin-left: 5px;font: bold 12px/150% Verdana, Arial, Helvetica, sans-serif;text-shadow: none;padding: 8px 5px;border: 1px solid black;z-index:800000;position:relative;}/* SUBSUB Menu */#nav li ul li ul {display: none;}#nav li ul li:hover ul {left: 100%;top: 0;padding-top: 2px;}#content img{position:relative;}

[TuTaHuKk]

#nav li ul li a {

1. width: 200px;
   
2. display: block;
   
3. margin-bottom: 1px;
   
4. margin-left: 5px;
   
5. font: bold 12px/150% Verdana, Arial, Helvetica, sans-serif;
   
6. text-shadow: none;
   
7. padding: 8px 5px;
   
8. border: 1px solid black;
   
9. z-index: 800000;
   
10. position: relative;
    

}

 

Поставьте margin-bottom: 0px;

[BSandro]

 

Проблема в том, что я навожу мышкой до 3 пункта под меню, и оно пропадает.

вот сайт: http://www.s-podkova.com/

Вод код

 

<div id="page">    <div id="header">        <a id="logo" href="http://www.s-podkova.com/" name="logo"></a>    </div>    <div id="navigator">        <div id="nav">            <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation</var>        </div>    </div>    <div id="stran">        <div id="content">            <var>content</var>        </div>        <div id="side

#navigator {  width: 1040px;  padding:1;  text-align: center;  float:left;  font-family: Verdana, Arial, Helvetica, sans-serif; }#nav {float: left; clear: right;margin-right: 60px;}#nav li a, #nav li {float: left;}#nav li {list-style: none;position: relative;}#nav li a {margin-left: 10px;margin-bottom: 10px;padding: 5px 27px;color: #666666!important;background-color: #fff;background: #fff;color: rgba(255, 255, 255, 0.93);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 4px 5px 14px #3d393d;-webkit-box-shadow: 4px 5px 14px #3d393d;box-shadow: 4px 5px 14px #3d393d;font: normal normal bold 16px/140% "Times New Roman", Times, serif;text-decoration:none;}#nav li a:hover {text-shadow: 1px 1px 2px rgb(26, 25, 25), 0 0 1em rgb(73, 71, 71);background: #1076BC;background: -moz-linear-gradient(top, #1076BC, #1076BC);background: -webkit-gradient(linear, left top, left bottom, from(#1076BC), to(#1076BC));color:#ccc!important;}#nav li a.cc-nav-current {text-shadow: 1px 1px 2px rgb(26, 25, 25), 0 0 1em rgb(73, 71, 71);background: #1076BC;background: -moz-linear-gradient(top, #1076BC, #1076BC);background: -webkit-gradient(linear, left top, left bottom, from(#1076BC), to(#1076BC));color: #D6D1D1!important;}/* Submenu */.hasChildren {position: absolute;width: 5px; height: 5px;background: black;right : 0;bottom: 0;}#nav li ul {display: none;position: absolute;left: 0;top: 100%;padding: 0; margin: 0;}#nav li:hover > ul {display: block;}#nav li ul li, #nav li ul li a {float: none;}#nav li ul li {_display: inline; /* for IE6 */}#nav li ul li a {width: 200px;display: block;margin-bottom: 1px;margin-left: 5px;font: bold 12px/150% Verdana, Arial, Helvetica, sans-serif;text-shadow: none;padding: 8px 5px;border: 1px solid black;z-index:800000;position:relative;}/* SUBSUB Menu */#nav li ul li ul {display: none;}#nav li ul li:hover ul {left: 100%;top: 0;padding-top: 2px;}#content img{position:relative;}

не че не понял, у меня не че не пропадает при наведений, сформулируйте вопрос..

Скрин, я тока заметил что у вас кнопка запись на замер на какой то кнопке..

 

И через какой браузер смотрите !