製作一個包含搜索欄的導航欄

我正在爲我的網站導航欄工作，並且我想爲其添加一個搜索框。我使用的是文本字段，並且已經使用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（注意navlinks不排隊或者所以#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; 
}

（出於某種原因，代碼格式化是不工作...）

這是它的外觀我的1366×768的筆記本電腦屏幕上： This is how it looks on my 1366x768 laptop screen.