Menus with pop-up submenus - what's the right way?

Question

css

I study. In the layout, I ran into a menu with pop-up submenus.
Here's what has already happened: craftband.com.ua/PopUpMenu
In the TK, the view is almost the same, except for:
1. When hovering, the font becomes bold, but it happens to the right, and not evenly, in place.
2. The submenu items are arranged in two columns. I used the css property to divide into columns, because of the idea that when adding sub-items, it should be divided evenly. However, this gave consequences in the form of a piece of the last paragraph of the first column at the top of the second (clearly visible on hover).
3. Positioning of submenu blocks. Due to the different widths of the main paragraphs and sub-paragraphs, in order to achieve the ideal arrangement, you need to set the position of each sub-paragraph separately. Isn't it too annoying?
What are your thoughts about?

Answer 1

about the second item, you need to set the Ul submenu width and instead of the division into columns property for li add the float:left property