Problème de flottement en ie7 mode standard

Question

J'essaye de faire flotter le div en bas vers la droite et apparaître en bas de son parent. Ce balisage fonctionne pour tous mes navigateurs, sauf lorsque je mets IE9 en mode navigateur: IE9 et IE7 en mode Document standards (qui est celui que j'ai besoin d'utiliser.)

Pour une raison quelconque avec ces paramètres, la bordure grise autour de tester dans div s'étend tout le chemin à gauche de la div parent quand j'en ai besoin pour faire le tour du texte comme dans FF ou Chrome. Au fait, je déteste IE7 pour cette merde. Le balisage est totalement logique et devrait fonctionner mais IE7 doit juste être un jerk.

<div style="width: 200px;"> 
    <div style=" height: 400px; border: 1px solid #000000;"> 
    </div> 
    <div style="border: 1px solid #c0c0c0; position: relative; height:15px; bottom: 19px; left: -2px; float:right;"> 
     <div style="height: 15px; float: right;"> 
      Text in div</div> 
    </div> 
</div> 

Answer 1

Vous pouvez passer à l'aide position: relative/position: absolute:

http://jsfiddle.net/5fdcV/

<div style="width: 200px; position: relative"> 
    <div style=" height: 400px; border: 1px solid #000000;"> 
    </div> 
    <div style="border: 1px solid #c0c0c0; position: absolute; height:15px; bottom: 2px; right: 2px;"> 
     <div style="height: 15px;"> 
      Text in div</div> 
    </div> 
</div> 

Answer 2

IE7 est un peu stupide. Vous devrez peut-être donner une largeur explicite au DIV, afin que IE7 ne soit pas perdu sans lui.