But I would LOVE to get some help in how to this this, PURELY IN CSS.
Right now, all I can come up with to make the dropdown menu is to make a background-image that has a transparent start… Let me show you: http://wilhelmwanecek.zxq.net/Demo1/
@JPC776 He’s looking to make the menu like the images he posted but your links might be useful to him. Presumably he has some CSS already.
Of course, the fact that there is an apparent gap between the top level list item and any drop down causes a problem as you can’t mouse off the top level without the sub level disappearing.
I think you could probably do something with first child &/or pseudo elements but I’m not going to code the whole thing up. If the OP has some code that mostly works but needs tweaking, I know that there would be plenty of people who would like to give it a shot.