如何在<div>旋转时显示文本，即？</div>

Question

如何在旋转时显示文字？

我成功旋转ie，但div中的文字没有显示，我该怎么办？

<div style="
    width: 200px;
    height: 14px;
    border: none;
    background-image: url(http://image.ohozaa.com/i/47d/vliemC.png);
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M22=0.7071067811865476, M21=-0.7071067811865475, M12=0.7071067811865475, M11=0.7071067811865476); /* IE6,IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M22=0.7071067811865476, M21=-0.7071067811865475, M12=0.7071067811865475, M11=0.7071067811865476)"; /* IE8 */
    transform: rotate(-45deg);
">
Premium Seller.
</div>



<style type="text/css">
</style>