Нужно сделать одинаковую высоту блоков, при чем не фиксированную, а чтобы можно было добавлять контент и высота всего блока menu подстраивалась под больший из двух блоков (products и category).
Не использовать flexbox, нужна как можно бОльшая поддержка браузеров
.products,
.category {
vertical-align: top;
display: inline-block;
margin: 0;
}
.products {
background: #ccc;
}
.category {
background: #398;
}
<div class="menu">
<ul class="products">
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
</ul>
<ul class="category">
<li>cat</li>
<li>cat</li>
<li>cat</li>
<li>cat</li>
<li>cat</li>
</ul>
</div>