Zablokowane [CSS]Float psuje układ...

[Piczer]

Chcę uzyskać efekt tabelki w divach, jednak nie potrafię :P Kombinowałem z takim kodem:

          <div class="navigation">
              <div class="content">
                  (...)
              </div>
              <div class="menu-right">
                  (...)
              </div>
          </div>

        .navigation
        {
            width: 1000px;
            background-color: white;
        }
        .navigation .menu-right
        {
            width: 255px;
            padding: 10px 5px;
            text-align: left;
            display: inline-block;
        }
        .navigation .content
        {
            width: 625px;
            padding: 30px;
            text-align: left;
            float: left;
        }

Efekt jest prawidłowy. Jednak po wypełnieniu tekstem pojawia się problem:

Jak widać float, niezbędny do utrzymania układu poziomego, przestaje wpływać na wielkość rodzica.

[Kofel]

<div style="clear: both;"></div>