我正在尝试移动蓝色底部栏以将其粘贴到顶部蓝色栏，但我找不到如何，请帮助？
HTML 代码：
<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<script language="javascript">
var timeforhide;
function showMenu(menuID) {
clearTimeout(timeforhide)
document.getElementById('menu').style.visibility = 'visible'
}
function hideMenu(menuID) {
timeforhide = setTimeout("didHideMenu()", 700)
}
function didHideMenu() {
document.getElementById('menu').style.visibility = 'hidden'
}
</script>
</head>
<body>
<div>
<ul id="nav">
<li><a href="/projetForum/accueil">Forum</a></li>
<c:if test="${!empty utilisateur }">
<li><a href="/projetForum/profil">Profil</a></li>
<li><a href="/projetForum/deconnexion">Se déconnecter</a></li>
</c:if>
<c:if test="${empty utilisateur}">
<li><a href="/projetForum/connexion">Se connecter</a></li>
<li><a href="/projetForum/inscription">S'inscrire</a></li>
</c:if>
<li><a href="/projetForum/contactus">Nous contacter</a></li>
<form method="post" action="<c:url value="/search"/>">
<input type="text" placeholder="recherche..." class="search"
required onFocus="showMenu('menu')" onBlur="hideMenu('menu')"/>
</form>
</ul>
<table id="menu"
style="position: absolute; visibility: hidden; margin-left: 850px; width: 400px; color: #ffffff;">
<tr>
<td>Recherche par :
<td><input type="radio" name="choice" value="sujet" checked />sujet</td>
<td><input type="radio" name="choice" value="post" />post</td>
<td><input type="radio" name="choice" value="utilisateur" />utilisateur</td>
</tr>
</table>
</div>
</body>
</html>