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

ami me ha funcioado mucho esto
overflow: hidden;