css i auto wysokosc

Witam,
mam taki mały problem:
Mam prostokąt wewnętrz którego mam 2 małe prostokąty:

#prostokat {
width: 100px;
height: auto;
margin: auto;
position: relative;
}

#1 {
width: 10px;
margin: 0px;
float: left;
position: absolute;
top: 0px;
left: 0px;
}

#2 {
width: 90px;
margin: 0px;
float: left;
position: absolute;
top: 0px;
left: 10px;
}

Jak zrobić żeby prostokat mial wysokosc taka jaka ma 1 lub 2 a nie tylko 1px;

aaa dodam że display: table nie wchodzi w grę i definiowanie min-height też nie bo wysokość będzie rożna w zależności od zawartości

Problemem jest float. Dopisz do #prostokat overflow: hidden a się naprawi. Mozesz ewentualnie dodac jeszcze jeden element ze stylem "clear: both" pod koniec #prostokat.