¿Cómo puedo establecer el ancho usando porcentaje y obtener el mismo ancho con o sin una barra de desplazamiento vertical?

Question

Tengo un elemento que quiero tener width: 50%. Pero cuando la barra de desplazamiento correcta está allí, ese 50% parece diferente a antes, y dado que ciertos elementos aparecen y desaparecen (a través de la animación), la barra de desplazamiento también aparece y desaparece, cambiando dinamialmente el ancho de mi elemento.

Ver el Demo en vivo

¿Hay alguna forma de establecer el ancho de un elemento con un porcentaje y no tenerlo influenciado por la presencia o ausencia de una barra de desplazamiento vertical?