innerHTML

[dukeblass]

hola, tengo un dilema con el innerHTML, es este elcodigo

Código Javascript:

sobreEste.innerHTML= '<div class="miClase">';
      sobreEste.innerHTML+='<ul class="baraIz">';
          sobreEste.innerHTML+='<li> item uno</li>';
          sobreEste.innerHTML+='<li> item dos</li>';
          sobreEste.innerHTML+='<li> item tres</li>';
     sobreEste.innerHTML+='</ul>';
sobreEste.innerHTML+='</div>';
 

el resultado tendría que salir este (tendría..)

Código HTML:

<div class="miClase">
     <ul>
          <li> item uno </li>
          <li> item dos </li>
          <li> item tres </li>
     </ul>
</div>
 

Pero sale esto:

Código HTML:

<div class="miClase"></div>
<ul  class="baraIz"></ul>
<li> item uno </li>
<li> item dos </li>
<li> item tres </li>
 

y la verdad no se por que ,
el resto de código javascript (que es muy pero muy poquito), no interfiere..