problem z div (inline albo float)

[Dmn]

Witam.

Pare dni temu prosilem o pomoc w zrobieniu ramki z zaokragleniami. Juz sie z tym uporalem ale teraz mam problem w zrobieniu by dwie takie ramki (div) byly obok siebie. Probowalem z display: inline; i nie dziala. Prosze zobaczyc na przyklad: damian.boo.pl/div.html (specjalnie dodalem kolory zeby bylo widac co sie dzieje) firefox i IE calkiem inaczej to wyswietlaja... Moj cel to: Zrobiec te dwie ramki obok siebie i dodac kolejny div pod spodem. W firefoxie juz prawie to osiagnalem ale nie wiem czemu dolny div wsowa mi sie pod ten gorny... Dodanie height: X; do gornego mnie nie satysfakcjonuje poniewaz raz bedzie tam mniej teksu a raz wiecej...

Prosze o pomoc bo siedze juz nad tym 2 dni i nie moge tego opanowac...

[FireFox]

Namieszałeś.

Moj cel to: Zrobiec te dwie ramki obok siebie

float: left;

dodac kolejny div pod spodem.

clear:both;

Zrób tak i sprawdź czy o to Ci chodziło

[Dmn]

W firefoxie juz osiagnalem to co chcialem. damian.boo.pl/div.html Ale IE nadal cos chrzani...

[FireFox]

.rbroundbox1 {
  float: left;
  width: 171px;
  background: url(img/nt2.gif) center bottom;
  background-repeat: repeat-x;
}