
I have a series of labels all of the general form of

Can anybody tell me what might be happening here and how I can correct it?
<label class="sheet-small-label2 sheet-autoexpand"> <input title="@{height}" type="text" name="attr_length" /> <span name="attr_length" class="sheet-autoexpand"></span> <span>Length</span> </label>the css for the label is
.sheet-small-label2.sheet-autoexpand{ display: inline-block; position: relative; width: auto; float: left; /* Note: it is all wonky without this. Don't know why. */ height: 2.75em; max-height: 2.75em; min-width: 4em; margin-right: 1em; white-space: nowrap; }The funny thing is, that it refuses to display as inline-block, it insists on displaying as "block" even though the top two css instructions tell it to display as inline-block!
Can anybody tell me what might be happening here and how I can correct it?