html - search won't sit next to navigation -

i have horizontal menu , want place search form in line appears left aligned on new line.. new html learning basics (working on third site got hang of css).

<div id="nav">     <span class="nav">         <a href="#" alt="$"><span id="jqfade"><img src="images/skydevuppernav.png"></span></a>         <a href="#" alt="$"><span id="jqfade"><img src="images/goftbuppernav.png"></span></a>         <a href="#" alt="$"><span id="jqfade"><img src="images/genuppernav.png"></span></a>         <span id="searchbox">             <form action="#" method="get">search                 <input type="text" name="searchgoogle" size="12" maxlength="45" />             </form>         </span> </div> 

use display: inline-block;

working fiddle:

http://jsfiddle.net/wn6ae/1/

css:

searchbox{     display: inline-block;     margin-left: 10px;  }