Forums

Hi, I am trying to set the min-width of the button. Using the min-width CSS, it works on Chrome, but not IE.

For some reason, in IE, the span is not calculating the min-width correctly:

This is the HTML generated by the YUI button:
<span class="yui-button yui-checkbox-button" id="checkbutton5">
<span class="first-child">
<button name="checkboxfield2" type="button">One</button>
</span>
</span>

This is the styles I have added:
.yui-button .first-child {
min-width: 100px;
text-align: center;
}

.yui-button button{
min-width: 100px;
text-align: center;
}

The button is generated correctly with the min-width. However, the "first-child" span is not. It appends some width to the right.