¿Cómo puedo forzar el desbordamiento: oculto para no usar mi espacio de relleno correcto?

Tengo el siguiente código:

<div style="width: 100px; 
overflow: hidden; 
border: 1px solid red; 
background-color: #c0c0c0;
padding-right: 20px;
">
2222222222222222222222111111111111111111111111113333333333333333333</div>

(XHTML 1.0 transicional)

Lo que sucede es que el derecho de relleno no aparece, está ocupado por el contenido, lo que significa que el desbordamiento utiliza el espacio correcto de relleno y solo se "corta" después del relleno.

¿Hay alguna forma de forzar el desbordamiento del navegador antes del derecho de relleno, lo que significa que mi div se mostrará con el derecho de relleno?

Lo que obtengo es el primer div en la siguiente imagen, lo que quiero es algo como el 2do div:

imagen

Respuestas a la pregunta(5)

Su respuesta a la pregunta