Текстовое поле внутри 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: оставил;и отрегулируйте поля соответственно.Отрицательные поля могут сломать вещи.