我正在为我的网站制作导航栏，我想在其中添加一个搜索框。我正在使用一个文本字段，并且我已经使用 CSS 对其进行了定位，以便它完美地对齐，除了取决于分辨率，它会四处移动。我怎样才能确保它保持在一个位置？作为参考，它有点像苹果网站上的，除了更大。
这是我的 HTML 代码的导航栏部分：
<img id="navbar" src="images/Navbar.png" alt="Navigation"/>
<form method="get" action="" class="search">
<input class="msb" maxlength="2048" id="searchBox" size="40" title="Search" value="" lang="en" />
<input value="Search" id="submitButton" type="submit" />
</form>
<ul id="navlinks">
<li id="navHome"><a href="index.php">Home</a></li>
<li id="navSubmit"><a href="submit.html">Submit</a></li>
<li id="navArchive"><a href="archive.html">Archive</a></li>
<li id="navApps"><a href="apps.html">Apps</a></li>
<li id="navContact"><a href="contact.html">Contact</a></li>
</ul>
这是我的 CSS（请注意，导航链接也没有排列，因此 #navlink 部分并不真正相关：
div#adholder
{
width:728px;
height:90px;
align:center;
}
ul#navlinks
{
postition: absolute;
right: 280px;
margin:20px;
padding:0;
list-style:none;
width:525px;
}
#searchBox
{
position: fixed;
left: 890px;
top: 250px;
height: 30px;
}
/*#searchBox
{
position:absolute;
right:150;
top:150;
width: 300px;
height: 35px;
}*/
#submitButton
{
display: none;
}
ul#navlinks li
{
display: inline;
}
ul#navlinks li a
{
text-decoration: none;
padding: 5px 0;
width:100px;
background: none;
color:#000;
float:left;
}
（由于某种原因，代码格式化程序不起作用......）
这是它在我的 1366x768 笔记本电脑屏幕上的外观：
