problemas con recuadro en CSS

[P4nd3m0n1um]

Ten un problema que quizás sea muy simple pero no logro darme cuenta como arreglarlo. Resulta que tengo un recuadro creado en CSS para colocar códigos en un blog; pero cuando el código ingresado dentro del recuadro es muy largo se sale del margen y queda muy mal, lo que quisiera es que el texto respete el recuadro pero no logre hacerlo. Alguien me guía?

Código (html4strict) [Seleccionar] Expandir

<pre class="cuadro">CODIGOS</pre>

Código (css) [Seleccionar] Expandir

.cuadro {
 background-color:#00FFFF right top no-repeat;
 text-align:left left top no-repeat;
 font-color:#0FFFF0;
 width: 98%;
 margin: 2px;
 font-family:verdana;
 border-width:0;
 padding:5px;
 border: 1px dotted #ff0000;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

[Nakp]

agrega

word-wrap: break-word;
white-space: pre-wrap;

para ie/los demas

[RedZer]

ami me ha funcioado mucho esto
overflow: hidden;