Comment positionner une div en bas à droite d’un navigateur?

J’essaye de placer mon div avec quelques notes dans la position en bas à droite de l’écran qui sera affiché tout le temps.

J’ai utilisé le css suivant pour cela:

#foo { position: fixed; bottom: 0; right: 0; } 

Cela fonctionne très bien avec Chrome 3 et Firefox 3.6 mais IE8 craint …

Quelle peut être une solution adaptée pour cela?

Cet extrait fonctionne dans IE7 au moins

     Test    
Hello World

Je n’ai pas IE8 pour tester cela, mais je suis sûr que cela devrait fonctionner:

 
text or other content

et le css:

 .screen{ position: relative; } .innerdiv { position: absolute; bottom: 0; right: 0; } 

Cela devrait placer le fichier .innerdiv dans le coin inférieur droit de la classe .screen. J’espère que ça aide 🙂

Essaye ça:

 #foo { position: absolute; top: 100%; right: 0%; }