更新：我正在使用 Yahoo 的 SiteBuilder 软件，因为我怀疑问题可能与 doctype 标题有关，所以我在 Google 上搜索了 SiteBuilder。另一个论坛中有人建议将以下内容添加到提问者的网站
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
我尝试将其添加到页面 HTML 的顶部。下拉菜单在 IE9 中有效，但在 IE 和 Firefox 中，文本、登录框等都卡在屏幕的左上角。所以它似乎是 Doctype 中的一些东西，但还有其他一些事情正在发生，这让一切变得不合时宜。基于此发展的任何建议？
谢谢！
我将首先声明我是一个完全的新手，当涉及到这些东西时。因此，如果我提出基本问题或需要过于明确的说明，请原谅我。
基本上，我想向我的新网站添加一个下拉导航菜单。我在网上找到了一个代码，经过反复试验，我找到了自己的代码。一切似乎都很好，直到我在 IE9 上测试它。当我将指针悬停在它上面时，下拉菜单不会下拉。它在 Firefox（我的主要浏览器）中运行良好，一位朋友确认它在 Chrome 上运行。
一些谷歌搜索后，我可以看到这是一个相当普遍的问题。我试图找到一个可行的解决方案，但要么建议的修复不起作用，要么我真的不明白他们在说什么。正如我所说，我是一个努力理解这种新语言的新手。
这是网站： http: //gardenstatelegacy.com/GSL2_Test_Home.html
这是一个进展中的工作。“订阅”链接适用于 Firefox 和 IE9。“资源”选项卡应该有下拉菜单。当前在该下拉列表中有效的唯一链接是“顾问目录”。我尝试使用 IE9 中的“兼容性视图”选项，但它没有做任何事情。
我正在复制并粘贴我在下面使用的代码。如果有人知道为什么这与 IE 不兼容，请告诉我以及如何修复它。再说一次，我是新手，所以请让它简单一点。预先感谢您的任何帮助！
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
padding: 0;
margin: 0;
}
#wrap {
width: 100%;
height: 50px;
margin: 0;
z-index: 99;
position: relative;
background-color: #660000;
}
.navbar {
height: 50px;
padding: 0;
margin: 0;
position: absolute;
border-right: 1px solid #660000;
}
.navbar li {
height: 50px;
width: 142px;
float: left;
text-align: center;
list-style: none;
font: normal bold 12px/1.2em Arial, Verdana, Helvetica;
padding: 0;
margin: 0;
background-color: #660000;
}
.navbar a {
padding: 18px 0;
border-left: 1px solid #C4BD97;
border-right: 1px solid #C4BD97;
text-decoration: none;
color: white;
display: block;
}
.navbar li:hover, a:hover {
background-color: #660000;
}
.navbar li ul {
display: none;
height: 50px;
margin: 0;
padding: 0;
}
.navbar li:hover ul {
display: block;
}
.navbar li ul li {
background-color: #660000;
}
.navbar li ul li a {
border-left: 1px solid #C4BD97;
border-right: 1px solid #C4BD97;
border-top: 1px solid #C4BD97;
border-bottom: 1px solid #C4BD97;
}
.navbar li ul li a:hover {
background-color: #660000;
}
</style>
</head>
<body>
<div id="wrap">
<ul class="navbar">
<li><a href="#">Home</a></li>
<li><a href="#">Sample Issue</a></li>
<li><a href="http://gardenstatelegacy.com/Subscribe.html">Subscribe</a></li>
<li><a href="#">Resources</a>
<ul>
<li><a href="#">History Sites/Groups</a></li>
<li><a href="#">Speakers Bureau</a></li>
<li><a href="http://gardenstatelegacy.com/Professional_Directory.html">Consultant Directory</a></li>
<li><a href="#">Links</a></li>
</ul>
</li>
<li><a href="#">About GSL</a>
<ul>
<li><a href="#" >Mission Statement</a></li>
<li><a href="#">Who We Are</a></li>
<li><a href="#">News</a></li>
</ul>
</li>
<li><a href="#">GSL Store</a></li>
<li><a href="#">Advertise</a></li>
</ul>
</div>
</body>
</html>