div中的文本框在IE中下降

Question

我的问题是，当我在Internet Explorer 8上使用灰色文本框时，我尝试使用{top：0px}和其他东西，但我无法正确使用...

预览

http://i265.photobucket.com/albums/ii213/omegakenshin/other/rEdHellCorner.jpg

这是我的代码......

<div class="textboxS">

<img src="images/textbox_corner.png" alt="redCorner" name="redCorner" width="73" height="77" class="redCorner" />

    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tbSMain">
    </table>
  </div>

和我的CSS ...

.textboxS {
    width: 550px;
    margin: 30px 0px 0px 220px;
    position: relative;
}

.tbSMain {
    position: relative;
    top: 0px;
    margin: 0;
    padding: 0;
}

.redCorner {
    float: right;
    margin: -33px -30px 0px 0px;
}

Answer 1

使用

top：0px;

你需要把头寸放在绝对位置：

.tbSMain {
    position: absolute;
    top: 0px;
    margin: 0;
    padding: 0;
}

我还建议将.redCorner更改为float：left;并相应调整边距。负利润可能会破坏事物。