CSS: Why is vertical-align: baseline stop working on Firefox when using overflow: hidden?

Question

You can reproduce this by running this test case. The results are shown in the screenshot below. The issue is that on Firefox, when adding a overflow: hidden on the

Answer 1

try

.label {
        float: left;
        line-height: 30px;
        margin-right: 5px;
        }

this will get the desired result in both FF and Chrome/Safari. Did not test in IE however.