Comment puis-je définir la largeur en utilisant le pourcentage et obtenir la même largeur avec ou sans barre de défilement vertical?

Question

J'ai un élément que je veux avoir width: 50%. Mais lorsque la barre de défilement droite est là, que 50% semblent différents qu'auparavant, et comme certains éléments apparaissent et disparaissent (à travers l'animation), la barre de défilement apparaît et se dissape également, changeant dynamique de la largeur de mon élément.

Voir le Démo en direct

Y a-t-il un moyen de définir la largeur d'un élément avec un pourcentage et de ne pas l'avoir influencé par la présence ou l'absence d'une barre de défilement verticale?