Problema la maquetar con div

[angel1993]

Bueno tengo un div en la izquierda que tiene que medir 200px y el resto de la pagina tiene que ser otro div que depende de lo grande que tenga cada uno su pantalla pues asi sea..
tengo esto

Código HTML:

<style type="text/css">
<!--
.ddiv {
    width: 200px;
    border: 1px dotted #000000;
    z-index: 1;
}
.ddiv2 {
    border: 1px dotted #000000;
}
-->
</style>
 
<div class="ddiv" style="float:left">
  <p>&nbsp;</p>
  <p>eeeeeeeeeeeeeeee</p>
<br />
<br />
 
</div><div class="ddiv2">
  <p>dddddddddddddd</p>
  <p>&nbsp;</p>
  </div>
 

Pero se mete un div dentro de otro :S