Hi, I have created a navigation bar using lists and display:inline. I want a submenu using display:block to appear underneath each list item slightly to the right of the list item. Each submenu should use its parent's left coordinate plus 20 pixels. How do I do this in CSS?
I have a Pure CSS Horizontal Dropdown Menu at my freebies section of my blog. If you want you can check that out. Works well on Modern browsers. http://inspirationsunlimited.co.in/web-design/two-level-horizontal-dropdown-menu-using-css-and-html/ Code (markup): You have to play around with style set for ul li ul li items. If possible show us a live url or code; should be able to give you a right direction.