divy i písmo si dělají co chtějí, jsem už zoufalej

udělal jsem si obalovací div s názem obsah:

#obsah {

    width: 700px;

	background-image:url(img/obsah.gif);

	background-repeat: repeat-y;

	background-color:#ffffff;

	margin: 0 auto;

	padding-top:1px;

    padding-bottom: 1px;

	}

a chci do něj dát dva sloupcové divy:

#levy {

   float: left; 

   width: 527px;

   padding-top:1px;

   padding-bottom: 1px;

    }

	

#pravy {

    margin:0 0 0 527px; 

	padding-top:1px;

    padding-bottom: 1px;

    }

dále písmo v levém divu:

#levy-pismo {

    text-align:justify;

    margin: 10px; 

    padding: 0.5em 1em; 

}

přesto písmo z levého divu utíká kam chce a vnořené divy v divu obsah klidně přetečou ten div obsah, co s tím, nevím jak na to... děkuji za každou radu

html je tady:

<div id="obsah">

<div id="levy">

<div id="levy-pismo">

  <p>ksjdksjdksjd jdhjsahdsjjshdjshdjhsahdsjahdjashdjashdjhsadjhasjdhhhhhhhhhjshdjsdj</p >

  <p>sdasd</p>

  <p>sadsad</p>

  <p>sdasd</p>

  </div>

  </div>



<div id="pravy">

  <p>fdsfsdf

    sdfsd</p>

  <p>&nbsp;</p>

  <p>&nbsp;</p>

  <p>&nbsp;</p>

  <p>&nbsp;</p>

  <p>&nbsp;</p>

  <p>&nbsp;  </p>

</div>

</div>



<div id="paticka">

&copy; Copyright 2007, <a href="#">Pitrýskův blog</a>  |  design: <a href="#">fanky studio</a>  |  běží na <a href="#">RS2</a>

</div>

Railbot [url=http://charon.hkfree.org/pitrysek/blogg/
]http://charon.hkfree.org/pitrysek/blogg/
[/url]

pod hlavickou bych proste chtel mit div s šiřkou 700px (pozadi obrazek) a v něm dva divy vedle sebe, jeden (levy) na obsah a druhy (pravy) na menu a bay z tech divu nic nevylejzalo a ani ty divy nevylejzaly z toho divu s pozadim, ale nejak nevim jak na to, nebo respektive jsem si myslel, ze vim, ale nedari se

EDIT: vyřešeno