Hi everyone!

What I want to do is horizontal list of lists.
I need it to display my categories three.

It should look like this:
http://img338.imageshack.us/img338/7240/ssslh2.gif (see the 1st part of the picture 'SZEROKA STRONA")

I made it by using divs with left floating.

Code:
<style>
.d { float:left; }
</style>

<div class="d">
Kategoria1<br>
podkategoria1<br>
podkategoria2<br>
</div>
<div class="d">
Kategoria2<br>
podkategoria1<br>
podkategoria2<br>
</div>
<div class="d">
Kategoria3<br>
podkategoria1<br>
podkategoria2<br>
</div>
...
As you can see in the bottom of this (http://img338.imageshack.us/img338/7240/ssslh2.gif ) picture when there are many of main categories and the browser window is small some divs go to the next row. Everything works great until there is different number of subcats in different categories (you can see how ugly it looks in the screen).

How can I solve this problem? Maybe by using ul list of list or divs? If so, please tell me how..

Thanks