How do I force a search form not to appear on a new line

[waterdene]

I am in the throes of moving my site away from tables but I am unable to find any help with my current problem. My header currently has three columns (Left a swf with a width of 225 px)(center a swf with a width of 280 px) these are fine but when I add the last object which is a "freefind" form it takes up a complete new line.
I want these three items to show in a line as my header Left, center and right.
I am obviously missing something any ideas please?



<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:left}
p {margin:10 5px 10px}
a {color: #981793;padding:0px}
div#header h1{height:80px;line-height:80px;
margin:0;padding-left:10px;
background: #EEE;color: #79B30B}
div#horizontal{margin:0}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{line-height:inherit;background: #ffffff}
div#extra{background: #FFFFFF}
div#footer{background: #FFF;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:785px;margin:0 auto}
div#containerhead{width:785px;margin:0 auto}
div#horizontal{width:785px;margin:0 auto}
div#content{float:right;width:620px}
div#navigation{float:right;width:165px;margin:0 auto}
div#extra{clear:both;width:785px}
p.imageleft img { /* Image Left - Text Right */
float: left;
clear:left;
padding-right: 1em;
padding-bottom: 1em;
}
p.imageleft { clear:both }
p.imageright img { /* Image Right - Text Left */
float: right;
clear: right;
padding-left: 1em;
padding-bottom: 1em;
}
p.imageright { clear:both }
</style>


<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="225" height="73" title="Sunny Benal_Life.com where the sun always has his hat on">
<param name="movie" value="/images/2007_design/sunny.swf">
<param name="quality" value="high">
<embed src="/images/2007_design/sunny.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="225" height="73"></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="280" height="80" title="A flavour of Benalmadena and Arroyo de la Miel on Spain's Costa del Sol">
<param name="movie" value="/images/2007_design/pics.swf">
<param name="quality" value="high">
<embed src="/images/2007_design/pics.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="280" height="80"></embed>
</object>
<FORM ACTION="http://search.freefind.com/find.html" METHOD="GET" accept-charset="utf-8" target="_self">
<FONT size=1 face="arial,helvetica" >
<INPUT TYPE="HIDDEN" NAME="id" VALUE="24407246">
<INPUT TYPE="HIDDEN" NAME="pageid" VALUE="r">
<INPUT TYPE="HIDDEN" NAME="mode" VALUE="ALL">
<INPUT type="HIDDEN" name="n" value="0">
<INPUT TYPE="HIDDEN" NAME="_charset_" VALUE="">
<INPUT TYPE="HIDDEN" NAME="bcd" VALUE="÷">
<INPUT TYPE="TEXT" NAME="query" SIZE="15"><small>
<INPUT TYPE="SUBMIT" VALUE=" Find "><br>
</small>powered by <A HREF="http://www.freefind.com">
FreeFind</A></font></FORM>

[waterdene]

I apologise if this is as I expect a simple question, but being a newbie I have read all that I can, I have tried absolute positioning and I have tried using a list inline but the search script insists on taking its own line

[waterdene]

Ok, I was right and it was too simple to merit an answer, but for anyone else trying to do this, this is how I did it:


div.float {
float: left;
padding-left: 2em;
padding-top: 1em;
}

HTML

<div class="float">" first swf object" </div>
<div class="float">"second swf object"</div>
<div class="float">"form script"</div>


I am trying:o