How to get button text to align top in IE?

Question

I have some text inside a button. I want this text to be aligned at the top of the button. By default it seems to be aligned to the middle. In webkit I can get this text to align top using -webkit-box-align: start; This doesn't seem to work for IE.

Example: http://jsfiddle.net/RY6dQ/

Answer 1

You could try following (example):

html:

<button><span>Text</span></button>​

css:

button {
     height: 100px;
}

button span{
    display: block;
    position: relative;
    top: -40px;

}