Html 如何制作我的<；ul>；将鼠标悬停在同一个确切位置开始？

我有一个1024px导航条，有五个类别是链接（ul），其中一些有下拉列表。我已经将它们完美地设置为水平对齐。悬停时最左边的一个，按预期将文本完全放在导航栏下方的左边缘。当您向右下移时，文本（悬停文本）只会向左移动到父链接。我试图让他们在悬停时，无论导航栏上有什么位置，都转到左边

是一个网站的例子，有一个标题，这是一个完美的例子，我正在尝试做什么

这是我的html：

<div id="nav_1024_main" class="clearfix">
 <div class="container clearfix">
   <div id="user_nav_future" class="clearfix">

   <?php 
   // if signed in
   if($auth) { ?>
    <ul style="float:right;">
     <li><a href="index_signedIn.php">Home</a></li> 
     <li><a href="#" class="toggle_dash">Goodbye</a></li>
    </ul>
    <ul id="top_main_nav" style="float:left;">
        <li><a href="Profile.php?id=<?php echo $auth->id; ?>">Me</a>
                  <ul>
                     <li><a href="Profile.php?id=<?php echo $auth->id; ?>"><?php echo ($auth->first_name); ?> <?php if(strlen($auth->last_name) > 6) { echo substr(strtoupper($auth->last_name),0,6) . "..."; }else{ echo ($auth->last_name); } ?></a></li>
      <li><a href="EditProfile.php">Edit My Profile</a></li>
      <li><a href="MySettings.php">Settings</a></li>
      <li><a href="EmailSettings.php">Email Settings</a></li>

                     </ul>
                 </li>
                     <li><a href="Inbox.php">Messages<?php if($auth->get_new_messages() > 0) { echo ' (' . $auth->get_new_messages() . ')'; } ?></a>
                  <ul>
                     <li><a href="Inbox.php">Inbox</a></li>
                  <li><a href="SentMail.php">Sent</a></li>
                     </ul>
                 </li>
                    <li><a href="Airwave.php">Airwave</a>
                 <li><a href="Blogs.php">Blogs</a>
                  <ul>
                     <li><a href="ComposeBlog.php">Write A Blog</a></li>
                      <li><a href="UserBlogArchives.php?id=<?php echo $auth->id; ?>">My Blogs</a></li>
                     <li><a href="Blogs.php">View All Blogs</a></li>
                     </ul>
                 </li>
                 <li><a href="Questions.php">Questions</a>
                  <ul>
                     <li><a href="AskQuestion.php">Ask A Question</a></li>
                     <li><a href="MyQuestions.php?id=<?php echo $auth->id; ?>">My Questions</a></li>
                     <li><a href="Questions.php">View All Questions</a>
                     </ul>
                 </li>
                     <li><a href="Members.php">Members</a></li>
    </ul>



     <?php 

提前谢谢

---

：。newgencoal.com.au

这是你的问题。由于此规则，您正在相对于LI定位内部UL：

#user_nav_future li { float:left; position:relative; }

拆下

位置：相对
零件。把它放在这里

#user_nav_future { position: relative; }

因为你想要的是相对于UL，而不是内在的LI

现在，对于
#用户导航#未来li ul
设置
左：0px
和remove
right
确认一下，您是否试图在该站点上实现与主导航相同的效果？还请注意，在该实现中，当子菜单项处于活动状态时，子菜单是持久的（即默认显示）。关闭。这正是我所说的一个例子。
#user_nav_future { position: relative; }