Textbox inside div descend dans IE

Question

mon problème est que la zone de texte grise tombe en panne quand im sur Internet Explorer 8, j'ai essayé avec {top: 0px} et d'autres choses, mais je ne peux pas le comprendre ...

Aperçu

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

et voici mon code ...

<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> 

et mon 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

Pour utiliser

top: 0px;

vous devez mettre la position absolue:

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

Je suggère également de changer le .redCorner flotter: gauche; et ajuster les marges en conséquence. Les marges négatives peuvent casser des choses.