Problema de DOCTYPE y DIVs con FLOAT

[jorgeletralia]

Buen día:

Al agregar la declaración DOCTYPE a los archivos de mi web, los DIV que deberían mostrarse a la derecha o izquierda del texto (usando FLOAT en la hoja de estilos) pasan a ocupar todo el espacio disponible. Ya he revisado decenas de foros en inglés y en español: en algunos casos se dice que se corrige usando un "clear:both" o un "display:inline" en el CSS, he probado ambas juntas y por separado y no me resuelven el problema.

Pueden ver una página de prueba en http://www.letralia.com/261/pruebamatame.htm

Allí hay un recuadro titulado "Nota del editor" que debería ocupar sólo 200 pixeles al lado derecho (usando "float:left", claro). Deseo que se vea como en http://www.letralia.com/261/especial01.htm pero al agregar la declaración DOCTYPE se estropea todo.

Este es el estilo que rige sobre esa nota de editor:

.notaeditor {
font-family: Georgia, "Times New Roman";
font-size: 11px;
float: right;
clear: right;
width: 210;
background-color: #F9F6D3;
border-top: 1px solid #B86912;
border-right: 2px solid #6B422A;
border-bottom: 2px solid #6B422A;
border-left: 1px solid #B86912;
margin: 0 0 10 10;
}

Espero puedan ayudarme.

Salud a todos,

Jorge.