Firefox unexpected line break using floats & overflow hidden

Question

I have a container div that holds two items: a .button and a .box with text inside. .button comes first and is floated right. .b

Answer 1

Add display: inline-block; to .box:

Demo