How can I define two possibly overlapping CSS dropdown menus?

After a bit of tinkering, I think I have a solution. Check this out.

After a bit of tinkering, I think I have a solution. Check this out: jsfiddle.net/hpvgH/6/ There is a bit of DOM changes and also styles. Here is the code: Surveys Preferences My Login My Clients My Projects Users Survey Information Notes Documents *{margin: 0; padding: 0;} .

Navcontainer{clear: both;} ul. Dropdown, ul. Dropdown ul { list-style: none; z-index: 10; } ul.

Dropdown li { float: left; position: relative; padding: 0 3px; line-height: 1.3em; vertical-align: middle; zoom: 1; } ul. Dropdown ul { display: none; position: absolute; top: 10px; left: 99%; background-color: red; } ul. Dropdown li:hover ul{ display: block; }.

I don't totally get what you modified. – Chris R Mar 1 at 20:38 Actually, for the sake of completeness -- now that I know about jsfiddle -- here's the actual full menu, with all of its items. Can you (please) show me how you fixed it?

Jsfiddle. Net/Nf8wZ/6 – Chris R Mar 1 at 20:45 I found some help on #css. Thanks for this, though; got me started.

– Chris R Mar 1 at 21:59.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.