Actualisation d'images lors d'ajout DOM

Bonjour,

Voici mon problème, j'ai créé des rectangles avec coins arrondis(4 div pour les coins pour 4 images). J'imbrique ces rectangles avec javascript/DOM.
Mon problème est que lorsque j'ajoute un de ces rectangles, le rectangle le contenant s'étire mais l'affichage des angles (image) n'est pas actualisé mais les divs ou ils sont censé être se déplacent bien.
J'espère avoir été clair sinon voici un lien pour se rendre compte par vous même...

Si un admin pense que ce post devrait être en CSS merci de le déplacer...

Merci de votre aide !

Effectivement, ça a l'air d'être plutôt un problème css.

Si je peux me permettre la remarque, pour une application qui a l'air tout de même complexe (et sympa), devoir rajouter à chaque fois 4 divs de plus au lieu d'une pour des coins arrondis, c'est vraiment vouloir faire compliqué.

Peut être qu'il serait préférable de faire fonctionner d'abord ton application sans ses coins arrondis et ensuite une fois que tout roule, pourquoi pas rajouter ce détail au moyen d'une classe "rounded" sur les divs que tu souhaites arrondir. Sinon ces coins arrondis vont rendre ton développement beaucoup plus difficile.

Cette classe "rounded" est en fais un javascript qui sera exécuté ensuite sur tes div qui auront cette classe comme ici par exemple http://www.sitepoint.com/article/rounded-corners-css-javascript.

Ainsi même si tout est en javascript tu sépares quand même les scripts fonctionnel et ceux qui servent à la présentation. Ce qui te donnera a tes scripts une plus grande lisibilité.