Ciao,vorrei tramite javascript fare in modo che questa struttura che segue venisse modifcata, il problema è che quando creo la buova struttura (dinamica) ho problemi a affiancare correttamente un'altro div a quello che devo modificare

Esempio Struttura iniziale:

codice:
<div id="pippo">
pippo
</div>
<div id="pluto">
pluto
</div>
Struttura finale

codice:
<div id="Container_pippo" class="Container">
   <div id="pippo">pippo</div>
   <div id="Bar_pippo" class="barra"></div>
</div>
<div id="pluto">
pluto
</div>
il mio problema è che la Bar_pippo sarà 7px di larghezza e deve essere affiancata a dx del div pippo (2 colonne), ma non riesco a capire come posso dimensionare il width e heigth del contenitore visto che in FF vedo che il div pippo si restringe in base al suo contenuto e invece nell'esempio mio in orgine era lungo quanto lo schermo.

Come posso fare?