Foro de elhacker.net

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?

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

.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;
}

agrega

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

para ie/los demas

ami me ha funcioado mucho esto
overflow: hidden;