The following example uses two images as background for making a menu that adjust its height if the text size increases. For this purpose, the variable text size, you should not specify the menu height.
I have a menu with variable height and a background image, I put the background image in the ul and I don't specified it's height.
If I use overflow:hidden for the ul instead of float:left, it works ok, and I understand why it works that way.
What I don't understand is why using float:left for the ul forces that the height of the elements inside the ul render properly.
If you know why it works, please share it with me