Pozycjonowanie div-ów

Tworzę sklep z ubrankami dla dzieci. Link poniżej:

http://www.katido.kproj.pl/index.php?kat=44

Mam problem z ustawieniem dwóch div-ów obok siebie. Chodzi o to, aby menu (div z ramką różową) był przesunięty do góry i jego wysokość, żeby była przez całą wysokość produktów. Nie mogę tego ustawić. Nie chcę korzystać z float, bo wszystko się wtedy psuje i elementy div nie chcą zawierać się prawidłowo w innych div. W tej chwili do divów przypisany jest parametr inline-box, ale jak widzicie wyrównuje div menu i div produkty do dolnej krawędzi diva produktów.

Macie jakieś propozycje? Myślałem o zastosowaniu tabelki, ale to zostawiam na sam koniec, gdy wszystko inne zawiedzie.

Wiem, że nie chcesz floata używać, ale próbowałeś z daniem float a to "matczynego" diva dać overflow: hidden?

Martiial napisał(a):

Wiem, że nie chcesz floata używać, ale próbowałeś z daniem float a to "matczynego" diva dać overflow: hidden?

Super, działa. Ale jak zrobić żeby całe menu było wysokości takiej jak wyświetlone produkty? Stosowałem height: 100% ale nic z tego.

To bardzo popularny problem ;) Tu masz opis kilku różnych metod: https://css-tricks.com/fluid-width-equal-height-columns/
A tu bardziej konkretne przykłady:
http://www.dynamicdrive.com/style/layouts/item/css_fixed_layout_21_fixed_fixed/
http://jsfiddle.net/3t5r2qg3/