Expendable search box - overflow not working

[n_merciano]

Hi guys,

I am trying to overflow the searchbox over my content but it breaks the searchbar instead of staying in one line.

This is what happens (screencast) and picture:
https://docs.google.com/file/d/0B5rh1BfEQrrqS1BicVk2Mmw4c2c

s13.postimg.org/5ux2iny86/demo.jpg

You can view the live demo here:
http://sandbox.shokuninserver.com/~nino/producten.html

Can somebody be so nice to help me out here?

Thanks!

Regards,
Nino

[RyanReese]

You will need to switch things up and how you do this. Basically you are just having a float drop because the width is too much. Add in the following

#subheader .payment-methods {
padding-right: 80px;
position: relative;
}

The padding is equal to the search buttons starting state. Position relative will start the stacking context used for later.

Then, on “.sb-search”, remove the float:right. Add in position:absolute;(change it from relative to absolute)top:0;right:0;