alt131 - 1:37 am on Jun 18, 2011 (gmt 0)
Hi dpeer, thanks for the clarification. That suggests the <form> has been coded into the html before the div.headerlogo because elements are drawn top to bottom unless they have been styled so they are removed from the normal flow.
Whether display:inline works will depend on where you have applied it. Did you mean to the <a>? If so, that is only part of the issue: Forms and divs are all display:block by default, and you've set width:960px on all the elements ( except div#wrap which is unknown).
That means that if div#wrap is also width:960px, and the form has been nested somewhere inside div#wrap there won't be enough room for the form to align beside the other elements because they are already occupying the full width.
Also, I'm not sure display:inline is best here - I would have thought display:inline-block. But that requires you adjust the widths of the other elements back to something like your suggested 700px to provide enough horizontal space for the form - especially if div#wrap has width:960px as well. And yes - I am aware I'm saying "if" and "width" quite often ;)
Remember css styles html. So if this post reads like I am guessing that would be correct! There are several ways to achieve what you want, none of them difficult, but it would be really helpful if you could provide a simple html snippet. That will allow us to establish where the <form> is in the html - especially whether it is nested inside div#wrap - or outside. Note we don't need all the html - just enough to understand the basic structure. Also, the basic css for div#wrap as well - so I can see if that is affecting things as well.