Problème d'ombre sur deux div entre firefox et konqueror

Bonsoir

dans une page web simple, je souhaite faire apparaître une boite
avec de l'ombre. Donc, je crée d'abord une div noire en absolu et
ensuite par dessus, une autre div en relative.
ça marche bien.
pour m'adapter aux différentes résolutions je travaille en %.
Donc la div noire occupe par exemple 20% de l'écran
et la div dans laquelle j'écris 100% (de la div noire)

et ca, ca marche bien sur firefox, opera, mozilla, netscape 7
(et meme
IE 5 et IE 6 ) , mais konqueror affiche bien la première div noire
et l'autre n'apparaît pas entiere, comme si konqueror ne prenait
pas en compte les 100%. Effectivement, si je met une mesure en
pixel , ca marche !

Vous voulez en avoir la preuve , voici les jeux d'essais sont sur mon site:

en pixel avec différentes DTD :

http://jeanpba.homeip.net/Divers/ombre_px_dtd_xhtml10strict.html(...)
http://jeanpba.homeip.net/Divers/ombre_px_dtd_xhtml10transitional.h(...)
http://jeanpba.homeip.net/Divers/ombre_px_dtd_xhtml11.html(...)

et en pourcentage, qui ne marche pas :

http://jeanpba.homeip.net/Divers/ombre_pc_dtd_xhtml10strict.html(...)
http://jeanpba.homeip.net/Divers/ombre_pc_dtd_xhtml10transitional.h(...)
http://jeanpba.homeip.net/Divers/ombre_pc_dtd_xhtml11.html(...)

je ne comprends pas
merci d'avance de votre aide

jean-philippe Battu
Grenoble