¿Por qué se superponen estos divs?

Question

Me poner armas de destrucción masiva en mi sitio web. Después de poner el código en y dándole un giro veo esta imagen a continuación.

¿Cómo puedo hacer el div vista previa no solapamiento con el área de texto? operación -Editar- el negro es el fondo de css div DMP-vista previa

algo de HTML

<div id="wmd-editor" class="wmd-panel"><div id="wmd-button-bar"></div>
<textarea id="wmd-input" name="body" rows="10" cols="89"></textarea>
...
</div></form><div id="wmd-preview" class="wmd-panel"></div>

Answer 1

Trate de añadir un valor "Ancho" y la propiedad "float: left". Valor de la propiedad para la clase de armas de destrucción masiva de pantalla

width: value;
float: left;

Si este trabajo does't (y sólo si no lo hace el trabajo) que intenta establecer un valor alto margen superior de la clase de armas de destrucción masiva del panel. Es decir.

margin-top: 25px;

Answer 2

¿Usted ha intentado aumentar el índice z de la vista previa div?

#wmd-preview { z-index: 100; }

Answer 3

Configurar los flotadores o si es necesario establecer el tacaño "DMP-editor", como posicionamiento absoluto, ya sea solo o todos IE. Sé que no es la forma más eficaz, pero puede ser el más fácil en algunos casos ^^