¿Cómo limitar el anchor de un elemento?

[NiuWeb]

El título de la pregunta no es muy descriptivo, pero no sé cómo más definirlo...
Lo que sucede es que he estado intentando poner un contenedor de código con la etiqueta <pre>, pero sencillamente no contiene nada xD
Tengo lo siguiente en el CSS del <pre>:

Código HTML:

pre
 {
	 background-color:#FFF;
	 color:#000;
	 padding:10px;
	 display:block;
	 margin-top:8px;
	 border:1px solid #999;
	 border-radius:3px;
	 padding-left:20px;
	 max-width:100%;
	 max-height:256px;
	 border-left:6px solid #CCC;
	 overflow:auto;
	 
 }

Bueno, verticalmente sí sirve bien:

Pero horizontalmente sólo se estira y se estira, y no se contiene como debería. ¿Alguien puede identificar qué es lo que falla?
Muchas gracias :D

[xfxstudios]

si estas colocando esto, pues claro que se va a estirar hasta el fin:

Código CSS:

background-color:#FFF;
     color:#000;
     padding:10px;
     display:block;
     margin-top:8px;
     border:1px solid #999;
     border-radius:3px;
     padding-left:20px;
     max-width:100%;/*AQUI ESTA TU PROBLEMA LO TIENES A 100% y DEBERIAS COLOCAR LA MEDIDA EN PIXELES QUE QUIERES QUE TENGA DE LIMITE*/
     max-height:256px;
     border-left:6px solid #CCC;
     overflow:auto;