Por que essas divs estão sobrepostas?

Question

Eu coloco WMD no meu site. Depois de colocar o código e dar uma volta, vejo esta imagem abaixo.

Como posso fazer com que a divisão não se sobreponda à textarea? -Edit- O preto é o fundo CSS da Div WMD-Preview

Alguns 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

Tente adicionar um valor de propriedade de "largura" e valor da propriedade "Float: Esquerda" para a classe WMD-PANEL.

width: value;
float: left;

Se isso não funcionar (e somente se não funcionar), tentando definir um valor alto na classe WMD-pain. Ou seja

margin-top: 25px;

Answer 2

Você já tentou aumentar o índice z da divisão de pré-visualização?

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

Answer 3

Defina os carros alegóricos ou, se precisar ser mesquinho, o "WMD-Editor" como posicionamento absoluto, apenas ou seja, ou seja. Eu sei que não é a maneira mais eficaz, mas pode ser a mais fácil em alguns casos ^^