Выпадающее меню исчезает

Question

, когда вы вошли в систему на моем сайте, при выводе на приветствие имени пользователя появляется выпадающее меню. В раскрывающемся меню есть три элемента, но когда вы перемещаете курсор между вторым и третьим элементами (между настройками и выводом), выпадающее меню исчезает.

Можете ли вы объяснить, что происходит?

http://zanifesto.com

PHP:

<?php 
if (is_user_logged_in()) : 
$user = wp_get_current_user();?> 


<acct> 
<ul> 
<li>Hi </li><strong> 
<li> 
<a href='http://zanifesto.com/my-account' rel='nofollow'> 
    <?php echo $user->display_name ?> 
</a> 
<ul> 
<li><a href="#">Portfolio</a></li> 
<li><a href='http://zanifesto.com/my-account' rel='nofollow'>Settings</a></li> 
<li><a href='<?php echo wp_logout_url(home_url()); ?>' title='Logout'>Logout</a> </li> 
</ul> 
</li> 
</strong> 

</ul> 
</acct> 

<?php else:?> 

Please <strong><?php wp_loginout(); ?></strong> 
or <a href="http://zanifesto.com/my-account"> 
<strong>Register</strong> 
</a> 

<?php endif; ?> 

CSS:

/Здравствуйте Имя Dropdown/

acct a { 
color: #e24949 !important; 
} 

acct a:hover { 
color: #fff !important; 
} 

acct ul ul { 
position: absolute; 
top: 1em; 
left: 0; 
display: none; 
padding: 12px 0 10px 0; 
background: #3d3d3d; 
} 

acct ul li { 
position: relative; 
margin: 0 0 5px 0; 
} 

acct ul li:hover ul { 
display: block; 
} 

Answer 1

Это ваш z-index. Ползунок на вашей странице - position:relative, что заставляет его перекрывать эту часть вашего меню. Попробуйте следующее:

acct ul li { 
    position: relative; 
    margin: 0 0 5px 0; 
    z-index:100; 
} 

Это приведет к возврату меню вверх.

Answer 2

Подобная ошибка обычно возникает в пределах неточного CSS и, возможно, некоторой небрежной надписи для сопровождения. Вероятно, что происходит, вы определяете свои ссылки и то, что щелкаете плохо, что позволяет областям, которые должны быть частью ссылки, а не. Используйте элемент проверки Firebug и переключите свои стили, чтобы увидеть, что работает. Я замечаю, что вы используете много дополнений. Я бы предложил пересмотреть ваш CSS.

Это может помочь: http://jigsaw.w3.org/css-validator/