I have created a unique menu design that is based on the classic 'ul li' structure, but with 'a' elements set to display:block for precise positioning and sizing. There is also some transform:rotate applied, but this does not affect the functionality of the menu:
Most browsers display all menu items here correctly. However, webkit browsers hide child items such as 'item 2a', 'item 2b', 'item 3a', and so on. The links are present, as indicated by the cursor changing when hovering over their invisible location, but they remain invisible. Interestingly, adjusting the size of these hidden elements to slightly overlap their designated area (equal to the height of their parent LI element) makes them visible (here)
Any insights into what might be causing this issue?
Thank you.