title: Resizable search box, with image on the right
body: <p>I want a resizable searchbox, like you all know it from e.g. FireFox
  So I need an input box and a magnifying glass as button on the right side.</p>
  
  <p>I have already made a test case for it:</p>
  
  <p><a href="http://jsfiddle.net/L8Wp3/61/" rel="nofollow">http://jsfiddle.net/L8Wp3/61/</a></p>
  
  <p>The thing is, the resizing doesn't work.
  When I resize the whole page, then the input form should resize and the image should flow with it. But I have tried many things, the image will sometimes just break a line....</p>
  
  <p>What I want to achieve is: I have two input tags(A &amp; B) inside a div container, now B should flow to the right and A should take all the renaming space that is available.</p>
  
  <p>How can I implement this in css? </p>