"div v divu"

...
  <div id="all">
  
    <div id="hlavicka">
    The textík...
    </div>
    
    <div id="navigace">
    
      <ul>
      
        <li>Text volno</li>
        <li>Text volno</li>
        <li>Text volno</li>
        <li>Text volno</li>
        <li>Text volno</li>
      
      </ul>
      
    </div>
    
    <div id="obsah">
      
      <p>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent nulla. Morbi cursus imperdiet leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras nec leo vel tortor suscipit commodo. Vivamus elementum mattis magna. Vivamus egestas ultrices pede. Morbi et dolor. Sed in felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla nisl. Cras ante. Suspendisse sagittis ipsum nec risus. Vestibulum ullamcorper mattis nisl. In est lacus, semper nec, tempor id, suscipit in, sem. Nunc rhoncus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque consectetuer enim congue nibh. Praesent aliquet tincidunt turpis. Sed tincidunt libero in dui. Phasellus pede nibh, mattis sit amet, scelerisque ac, commodo a, velit.
      </p>
      
    </div>
    
    <div id="paticka">
    Vytvořeno v editoru <a href="http://www.pspad.com/">PSPad</a>
    </div>
  
  </div>
...

body
{
margin: 0;
padding: 0;
text-align: center;
background-color: #B87333;
}

#all
{
margin: 0 auto;
border: 1px solid black;
background-color: #ffffff;
margin-top: 10px;
width: 650px;
}

#hlavicka
{
background-color: #954C1C;
margin: 10px;
}

#navigace
{
margin: 10px;
float: left;
background-color: #000000;
color: #FFFFFF;
}

#obsah
{
margin: 10px;
background-color: #ABBABB
}

#paticka
{
margin: 10px;
background-color:  #12DA3B;
}