Problem z xhtml i css

[piotreek]

witam

mój problem najlepiej widać na tej podstronie: https://banki.4gg.eu/kontaosobiste.html

jak zrobić żeby

#content {
width: 668px;
margin: auto auto;
background-image: url('img/ctlo.gif');
height: 800px;
}

dopasowaywał się do reszty strony, jak usune wysokość to wogule go nie widać,

między <div id="content"></div> jest :

#lewa {
float: left;
width: 160px;
padding-left: 14px;
}

#prawa {
float: left;
width: 455px;
padding-left: 10px;
padding-top: 10px;
}

[radziem]

Nie wiem, czy to rozwiązanie optymalne, ale działa.

W css dodaję:

.clear {
clear: both;
}

A w pliku z kodem tuż przed zamknięciem bloku o id "content":

<div class="clear"> </div>

Przykład.

Edit: bez height w content.

[piotreek]

@radziem: działa, dzięki

[zielony_gremlinek]

na końcu zamien ten znaczek > na ten  />

[bellois]

Warto też wiedzieć, dlaczego tak się dzieje. Otóż Twój DIV zawierał dwa DIV-y floatowane. A float wyjmuje element z normalnego przepływu dokumentu. Więc to tak, jakby w środku niczego nie było...