Displayed below is an interesting combination of elements - an image, textbox, and a css menu image.
I have managed to perfect my CSS menu. However, I am facing a challenge. I need the textbox to be centered within the navigation bar, with the image positioned to the left of the textbox all the way at the left edge. Unfortunately, I am struggling to achieve this. Here's what I've attempted so far:
<!-- Advsearch -->
<li class='active'><a href='#Searching'><span>
<form method="get" STYLE="FLOAT:CENTER;" action="/search" id="advsearch">
<input name="q" type="text" size="40" placeholder="Search..." />
</form>
I attempted using float:left for the image.
To better illustrate my issue, I have created a jsfiddle to show you:
Js Fiddle http://jsfiddle.net/TxeVt/