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