the weird behaviour of multi level horizontal navigation menu when We remove "position:relative"?
The below one is My code for multi-level horizontal navigation menu and it is working fine https://codepen.io/siva-charan/pen/zYmzwOM My doubts are : For the below code : https://codepen.io/siva-charan/pen/vYVZmyG (1) When I am removing “position:relative” on main menu,it is behaving like in the below output image.Why is it behaving like this(first image)? (2) When I am mouse-hovering on the first level drop-down menu(i.e. on two.three) and without “position:relative” on outer menu,the output is behaving like as shown in the below image.Why is it behaving like this(second image)? In this some of the list items are displaying horizontally(two.three.one and two.three.two) and (two.three.three and two.three.four) and some list items are displaying vertically.Why is the outpout behaving like this?